Cara Membuat Spoiler Di Blog

Nananana ~ mumpung libur saya mau bagi - bagi tips nih...  yaitu cara membuat spoiler di blog.. pada tau spoiler gak? spoiler itu kaya button yang bisa membuat tulisan di post kita di show/hide.. gak mudeng? liat aja!

Spoiler adalah suatu Tag atau HTML yang digunakan untuk membuat tulisan kita di dalam post bisa di Hide/Show.. seperti gambar dibawah ini :

Nah.. sudah pada ngerti kan.. gunanya adalah untuk memisahkan tulisan biasa dengan tulisan tag atau code HTML.. Bagi yang berminat ini langkahnya..

- Login ke blog anda

- Buat post seperti biasa.. lalu ketika anda mau membuat spoiler klik edit html..

- Lalu taruh kursor dimanapun anda mau menempatkan spoiler terserah dimana anda ingin menaruhnya..

Contohnya di situ. lalu copy kode dibawah ini.

 <div><div style="margin-bottom: 2px;"><i><b>Click Here To Show</b></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 style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">isi spoiler anda</div></div></div>

Nah Selesai deh...
Semoga bermanfaat :D

Tags : Cara membuat spoiler di blog .