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 :
4. Sebagai contohnya seperti diatas.
5.Jika sudah save lah dan lihat hasilnya.
Thanks telah berkunjung dan jangan lupa untuk berkomentar ya....
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.<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>
4. Sebagai contohnya seperti diatas.
5.Jika sudah save lah dan lihat hasilnya.
Thanks telah berkunjung dan jangan lupa untuk berkomentar ya....
Anda baru saja membaca artikel yang berkategori Blog
dengan judul Cara Memasang Spoiler Di Blog. Anda bisa bookmark halaman ini dengan URL https://sayangmamah07.blogspot.com/2012/06/cara-memasang-spoiler-di-blog.html. Terima kasih!
Ditulis oleh:
Unknown - Monday, 11 June 2012
Belum ada komentar untuk "Cara Memasang Spoiler Di Blog"