CARA MEMASANG SPOILER DI BLOG

Cara Memasang Spoiler di Blog

Anda pasti pernah melihat dan menemukan tulisan di blog atau web seperti : " Klik Spoiler Berikut " atau " Silahkan Klik Open " dan sejenisnya bukan. Nah, kali ini saya akan sedikit berbagi bagaimana cara memasang spoiler di blog. 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, sehingga ruang artikel tidak terlalu sempit dan padat terlihatnya. selain itu terkadang spoiler di gunakan untuk mempercantik artikel Blog. oke, lansung aja yuk kita simak sama-sama cara memasang spoiler di blog.

 

 

Berikut langkah-langkahnya :

1. Buka akun blog anda.

2. setelah itu buka postingan baru atau edit postingan lama (bila ingin dipasang di dalam postingan). Bila dipasang di widget silahkan buka desain/rancangan template dan pilih add widget / tambah gadget.

3. Selanjutnya Copy kode script dibawah dan tempatkan dimana ingin anda pasangkan.

4. Finish, dan siap di tampilkan.

Code script yang di copy :

<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;">Letakkan teks, gambar atau script anda disini <br /></div></div></div>

Note : 

Silahkan anda ganti tulisan Letakkan teks, gambar atau script anda disini, sesuai keinginan anda. bisa berupa tulisan, script gambar, script iklan dll, sesuai keinginan anda.

 

Demikian sedikit dari saya tentang cara memasang spoiler di blog. semoga dapat bermanfaat untuk anda dan selamat mencoba