Pasang Spoiler Di Blog

Bung Hasta hadir lagi buat posting artikel artikel ga penting (menurut orang yang ga penting, heheh . . .). Berhubung koleksi tips blog banana skin masih sedikit, jadi Bung Hasta perlu memperbanyak atikel tentang tips blog, ga apa apa kan??? itung itung mengingat kembali (heheh . . .).Artikel yang Bung Hasta bahas kali ini adalah memasaang spoiler pada blog, apa itu spoiler??? spoiler itu berguna untuk menampilkan dan menyembunyikan konten, jadi lebih hemat tempat.

Spoiler bisa di letakkan di mana saja, bisa di postingan, sidebar, footer, dll. Jadi, Bung Hasta hanya memberikan script-nya saja, berikut kodenya.


<div><div style="margin: 20px; margin-top:5px">
<div style="margin-bottom: 2px;" class="smallfont">
<input style="margin: 0px; padding: 5px; width: auto; " value="Show" 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 = 'Hidden'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/></div>
<div class="alt2"><div style="display: none;">
<div style="border: none; color:none; background-color:none; text-align: justify; padding:10px;">

KONTEN KAMU DISINI

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

Kurang lebihnya seperti ini penaampakannya
Ciluk Baaaaaaaaaaaaa . . . . . . . . . .
Keterangan
- Dua kode warna merah adalah judul tombol spoiler, kamu bisa ganti kode tersebut asalkan sama.

Senin, 07 Maret 2011

One response to Pasang Spoiler Di Blog

  1. Admin says:

    Bro, tukar link yuk . . .
    www.dofollow00.blogspot.com

Posting Komentar