Cara Memasang Spoiler Di Blog

langsung saja ke caranya soalnya saya males nulis.
1. Cara memasang spoiler pada blog adalah menulis lewat HTML bukan COMPOSE, sobat boleh terlebih dahulu menulis dengan cara biasa dan kalau sudah selesai menulisnya jika sobat ingin menambahkan spoiler pada Tulisan Tersebut.
2. Sisipkanlah Kode Berikut :

<div>
<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<i><span style="font-weight: bold;">Spoiler</span></i><input 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'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

isi spoiler...

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

3. Gantilah tulisan yang tebal sesuka hati sobat.
4. Sebagai contohnya seperti diatas.
5.Jika sudah save lah dan lihat hasilnya.

Thanks telah berkunjung dan jangan lupa untuk berkomentar ya....

Tweet

Jangan sampai ketinggalan postingan-postingan terbaik dari Campur. Berlangganan melalui email sekarang juga:

Atau sobat juga bisa follow Campur dengan mengklik tombol di bawah ini:

Artikel keren lainnya:

Ditulis oleh Unknown pada tanggal Senin, 11 Juni 2012