Cara Membuat Kotak Spoiler di Postingan Blog dengan Tombol Buka Tutup

Tampilan Blog harus menarik dan elegan untuk memukau hati pengunjung sehingga tak mau beranjak meninggalkan blog kita, Agan-agan tentunya tetap belajar dan terus mencari trik-trik apa saja yang baik untuk mempercantik Blog, salah satu caranya adalah dengan Membuat Kotak Spoiler di Postingan dengan Tombol Buka Tutup.

Langsung Ajha... Hehehe

1. Login Ke Blogger anda

2. Pilih Entri baru dan Klik Html

3. Salin kode dibawah ini dan tempatkan di Html tadi

 <div style="margin-bottom: 2px;">
<div style="margin-top: 5px; text-align: center;">
<input value="Buka" style="margin-top: 5px; width: 100px; 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 style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

GANTI DENGAN TULISAN ATAU SCRIPT SOBAT DISINI

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

           * Note : Masukkan tulisan dan juga script anda pada tulisan berwarna merah
4. Simpan dan Lihat Hasilnya seperti ini

Jika ingin disetiap entri ada kode tempatkan kode di atas pada Templat Entri dan Simpan. Kunjungi Setelan > Pos dan Komentar > Templat Entri

Jempol dah jadi deh Kotak Spoiler, semoga bermanfaat.

Hak Cipta © IDYOUNG