7 Langkah Gampang Menciptakan Dan Memasang Spoiler Pada Artikel Atau Layout Blog, Menyerupai Di Kaskus
Assalamu’alaikum..
Spoiler. Kata spoiler diindonesia memang sudahlah banyak terdengar. Spoiler itu sendiri aku tau dikala seorang sobat aku yang seorang kaskuser berkata "no spoiler". Waktu itu sih ada film yang anggun dan memang aku ingin bercerita pada sobat aku itu tapi sobat aku itu malah bilang "no spoiler".
Lalu aku cari apa sih itu spoiler, ternyata spoiler itu membeberkan atau membocorkan isi cerita. Dalam kaskus sendiri, dikala di klik "buka", maka akan terbuka isi konten dalam artikel tersebut, dan dikala di klik "tutup", maka akan tertutup/tidak terlihat.
Jadi, Kalo berdasarkan aku langsung sih, Spoiler itu dipakai untuk menyembunyikan dan menampilkan konten (gambar, teks, ataupun video) dengan sistem buka tutup (udah kaya jalur puncak hehehe ), semoga tidak boros daerah atau dengan kata lain menghemat daerah dan pastinya mengoptimasi loading artikel.
Taukah sobat ? ternyata dalam blogger juga ada looh Spoiler yang sama menyerupai dikaskus itu, dan enaknya lagi, spoilernya itu sanggup diletakkan dalam artikel blog. Penggunannya pun gampang sob. Penasaran bagaimana cara membuatnya ?
yuks simak.. : 7 Cara Praktis Bagaimana Memasang/Membuat Spoiler Di Blog :
Lalu aku cari apa sih itu spoiler, ternyata spoiler itu membeberkan atau membocorkan isi cerita. Dalam kaskus sendiri, dikala di klik "buka", maka akan terbuka isi konten dalam artikel tersebut, dan dikala di klik "tutup", maka akan tertutup/tidak terlihat.
Jadi, Kalo berdasarkan aku langsung sih, Spoiler itu dipakai untuk menyembunyikan dan menampilkan konten (gambar, teks, ataupun video) dengan sistem buka tutup (udah kaya jalur puncak hehehe ), semoga tidak boros daerah atau dengan kata lain menghemat daerah dan pastinya mengoptimasi loading artikel.
Taukah sobat ? ternyata dalam blogger juga ada looh Spoiler yang sama menyerupai dikaskus itu, dan enaknya lagi, spoilernya itu sanggup diletakkan dalam artikel blog. Penggunannya pun gampang sob. Penasaran bagaimana cara membuatnya ?
yuks simak.. : 7 Cara Praktis Bagaimana Memasang/Membuat Spoiler Di Blog :
1. Login ke Blogger sobat. Klik Disini , masuk ke blogger.
2. Lalu akan menampilkan gambar dibawah :
Lihat Gambar:
3. Klik “New Entry” disebelah kiri atas. Lalu pilih mode “Edit HTML”, menyerupai gambar dibawah :
Lihat Gambar:
4. Copy Paste isyarat script dibawah, pada mode "Edit HTML", untuk menciptakan spoiler :
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Letakkan teks atau isyarat script (gambar atau video) di sini
<br>
</div>
</div>
</div>
5. Sobat dapat mengganti kata Judul Spoiler sesuai kehendak kalian, begitu juga Buka dan Tutup.
6. untuk sanggup melihat sebelum di Publish, klik “Compose” maka tampilannya akan menyerupai ini :
Lihat Gambar:
7. Setelah sobat yakin dengan Spoiler-nya, silahkan klik "Publish/Publikasikan", Selesai deh.. :D
NB : Spoiler ini sanggup juga loh dipasang di Layout,
caranya : klik “Layout - add gadget - html/java script”.. dan tinggal masukin script diatas tadi.. ^^
caranya : klik “Layout - add gadget - html/java script”.. dan tinggal masukin script diatas tadi.. ^^
Mungkin itu saja tentang 7 Langkah Praktis Memasang/Membuat Spoiler pada Artikel Blog. Apabila ada kesalahan kata dan kurang berkenan pada penjelasannya, mohon dimaafkan. Semoga artikel ini sanggup bermanfaat, terima kasih atas kunjungannya.. ^^
selamat mencoba.. !!
Wassalamu’alaikum..
