Memasang Spoiler Pada Blog / Posting

Pada dasarnya, membuat atau memasang Spoiler di dalam postingan atau sebagai widget blog adalah bertujuan untuk menghemat tampilan di dalam blog dengan menyembunyikan sebagian atau lebih tulisan. Bisa juga membuat si pengunjung blog kita merasa penasaran apa yang ada di balik spoiler ini bila di klik.

Cara pasang show hide di postingan sebagai berikut :

1. Login ke Blogger
2. Pilih New Post atau Entri Baru seperti membuat postingan biasa
3. Pilihlah pada mode Edit HTML saat membuat postingan
4. Gunakan kode script berikut ini untuk membuat spoiler:

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Klik Spoiler Berikut</b>: <input value="View" 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 = 'Hidden'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'View'; }" type="button"></div><div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">Tempat Meletakan script teks / gambar atau vidio anda disini

<br /></div></div></div>

Catatan : 
Silahkan ganti Tempat Meletakan script teks / gambar atau vidio anda disini, sesuai keinginan anda. Bisa berupa tulisan, berupa script gambar, script iklan atau apalah sesuai keinginan anda.

Klik Spoiler Berikut, Juga dapat kamu ganti dengan kata - kata Keinginan kamu.

Contoh :

Klik Spoiler Berikut:

Klik Spoiler Berikut Jika tidak di ganti seperti ini

Sini Kakak:

Jika Klik Spoiler Berikut di ganti jadi seperti ini tulisan Klik Spoiler Berikut jadi Sini Kakak

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Blog Design

Gplus Facebook Twitter follow Contact