Monday, June 11, 2012

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....


EmoticonEmoticon