Cara Membuat Spoiler pada Blog

Senin, 25 April 2011

Spoiler adalah cara untuk meyembunyikan konten yang berada pada blog. Dapat berupa gambar dalam ukuran besar dan Video agar terlihat rapih menggunakan spoiler.
Langsung saja cara membuat spoiler dalam blog kita harus memasukan code di bawah ini:




<div>
<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<i><span style="font-weight: bold;">JUDUL SPOILER </span></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 class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

ISI SPOILER...

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

code di atas akan menampilkan hasil seperti ini:


JUDUL SPOILER




ISI SPOILER...

Sekian tutorial pembuatan spoiler pada blog dari saya..
Share this article :

1 komentar:

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Rockinstreet - All Rights Reserved
Template Created by Creating Website Inspired by Sportapolis Shape5.com
Proudly powered by Blogger