Cara Membuat Spoiler Pada Blog

Postingan kali ini tutorial cara membuat spoiler pada blog. Apa spoiler itu? Lihat contoh berikut! Klik tab berikut!

Klik cara membuat widget ini

Sudah mengerti maksudnya? Postingan ini untuk menjawab pertanyaan seorang teman, (de' suciyellow), syukur kalau bisa bermanfaat bagi yang lain...

Berikut caranya:

• Pada dasbor klik tata letak=> klik elemen halaman=> tambah gadget=> HTML/JavaScript
• Copy dan paste kode berikut kedalam kolom kontent:

 

<div><div style="margin: 20px; margin-top:5px"><div style="margin-bottom: 2px;" class="smallfont"><input style="margin: 0px; padding: 5px; width: auto; " value="Show" 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 = 'Show'; }"type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: none; color:none; background-color:none; text-align: justify; padding:10px;">
DISINI LETAK KONTENT ANDA</div></div></div></div></div><blink><a href=http://amatullah83.blogspot.com/2009/12/cara-membuat-spoiler-pada-blog.html>Klik cara membuat widget ini</a></blink>

Teks yang berwarna biru bisa anda ganti katanya sesuai selera misalnya seperti contoh diatas, begitu pula dengan kontentnya bisa diisi dengan banner, buku tamu, link teman dan lain lain! Untuk background warnanya bisa lihat kodenya disini

• Jangan lupa simpan dan simpan lagi!
• Lihat hasilnya!

Semoga bermanfaat!