Membuat Spoiler di Blog

Sepertinya sudah banyak sekali tutorial yang membahas tentang postinganku kali ini,tapi tak apalah buat refrensi sahabat bagi yang baru membuat blogger seperti saya hehehehehe.....Spoiler blog biasanyadigunakan untuk memperkecil atau mempersingkat kode, postingan, atau tulisan apapun agar tidak terlalu memenuhi halaman. Spoiler dapat anda pasang pada side bar, halaman posting, header dan footer.Untuk membuatnya tidaklah sulit,anda tinggal mencopy kode dibawah ini.

• Berikut ini kode HTML yang bisa digunakan dalam membuat spoiler di blog :

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Buka Donk..</span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

Isi Spoiler Blog.........

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

• Kode Diatas akan memberikan hasil seperti dibawah ini:

Buka Donk..

Read this | Baca yang ini

Widget by [ Tips Blogger ]

Posted in: Go Blog