Membuat Spoiler Di Sidebar (Buka-Tutup)



Tutorial membuat spoiler di sidebar ini bukanlah hal baru dan telah banyak kawan-kawan blogger lainnya yang lebih dulu membagikan tips ini, tapi apa salahnya kalau saya bagikan ulang?? Dari sekian banyak script spoiler yang pernah saya coba, mungkin script inilah yang paling cocok untuk dipasang di sidebar (menurut saya pribadi). Berikut caranya..




- Login dulu ke Blogger.
- Pilih "Tata Letak".
- Silahkan klik "Tambah Gadget" lalu pilih "HTML/JavaScript".
- Copy paste code berikut ini :


<div><div style="margin: 5px;text-align:center;">
<div class="smallfont" style="margin-bottom: 2px;"><input value="BUKA" style="margin: 0px; padding: 0px; width: 100px; font-size: 15px;" 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: 0px ; margin: 0px; padding: 0px;"><div style="display: none;">

ISI-DENGAN-KODE-WIDGET-ANDA

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



-Silahkan ganti kata yang berwarna merah BUKA dan TUTUP sesuai keinginan anda
-Isikan kode widget anda pada tempat yang telah disediakan
-Semoga bermanfaat..^^

Ditunggu Komentarnya....

Stumble
Delicious
Technorati
Twitter
Facebook

Your Ad Here
 

aia En ciel's Copyright © 2010 | All Rights Reserved | Using Blogger | LKart Theme | Edit by. aia En ciel's