Cara membuat Spoiler pada blog



Apakah itu spoiler?? tahukan anda fungsi dan manfaatnya? Spoiler biasa dikenal sebagai tombol untuk menampilkan dan menyembunyikan postingan sehingga menghemat spasi halaman, tampilan lebih rapi juga mengurangi beban loading page, biasanya yang dimasukin ke dalam spoiler adalah image dengan
resolusi besar, jadi dengan spoiler image tidak akan diload secara langsung yang dapat mempercepat waktu loading.

Untuk lebih jelasnya lihat contoh berikut :

Tulisan tampil disini bro.. ini sebagai contoh.. :)

Nah, sudah lihat contoh diatas kan? Baik langsung ke TKP. Silahkan copy-paste script code dibawah ini..

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
<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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

Masukkan tulisan yang akan ditampilkan disini, dapat diisi gambar, kode html, paragraf dan lain2

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


Untuk tulisan berwana biru, silahkan diganti dengan script atau tulisan anda yang akan ditampilkan. Selamat mencoba...

Artikel Terkait



Comments
3 Comments

Komentar

3 Komentar untuk "Cara membuat Spoiler pada blog"

Anonim mengatakan...

Ini yang dinanti.. hehe

ze Juq mengatakan...

sepertinya perlu gw pasang nih...wkwkwkw

Bloggernias mengatakan...

mantap :)

Tambahkan komentar anda

Blog ini adalah blog Do Follow. Tentu akan mendapat respon dan menguntungkan bagi blog yang berkomentar. Silahkan berkomentar dengan memperhatikan nilai SARA!!

 

Info Techno

HTML

SEO

Return to top of page Copyright © 2009-2013 | Komunitas BLogger Nias