Kamis, 26 Januari 2012

Memasang tombol buka tutup di blog

Spoiler/Tombol Buka Tutup adalah suatu script yang menyembunyikan link, gambar, kalimat, dan lain-lain. Spoiler/Tombol Buka Tutup ini bermanfaat sekali karena bisa menghemat tempat dan bisa seperti kejutan buat para pembaca.

Spoiler/Tombol Buka Tutup ini bisa sobat pasang di mana saja terserah sobat maunya, misalkan di bagian postingan untuk menyembunyikan postingan yang panjang, atau di sidebar-sidebar untuk menyembunyikan untuk menyembunyikan widget-widget sobat atau mungkin juga untuk yang kejutan kejutan gitu hehehe.

Baik, bagi para sahabat blogger yang masih pemula atau awam alias newbie seperti saya, mungkin belum paham alias tidak tahu apa, gimana, dan seperti apa itu yang namanya spoiler silahkan klik tombol buka di bawah ini, dan copy paste ditempat yang kamu inginkan. :)

Spoiler:


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


DISINI TEMPAT KAMU MENARUH TEXT ATAU GAMBAR YANG AKAN DISEMBUNYIKAN


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




1 komentar: