ChaColatte's❤

안녕 하세요, 친구야~! 애차 박 임니다 ^^

F o l l o w e r g a d g e t ;

Button Show & Hide Spoiler

Friday, 17 August 2012 | 0 bubble(s)

Coba Friend's klik button dibawah ini:

Menarik kan? Mau tau caranya? Yuk ikuti tutorial dibawah ini!

1.) Sign akun blogger
2.) Dashboard > Desaign > Page element > Add a gadget > Html/Javascript
3.) Copy dan paste kode dibawah ini di ruang Html/Javascript

<center>
<div id="spoiler">
<div>
<input value="Nama button" style="width:88px ;font-size:12px;background-image: url(URL BACKGROUND UNTUK BUTTON);-moz-border-radius: 10px; border-radius: 10px;margin:13px;padding:0px;border-style: 2px solid #ff9fcc;" type="button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Hide Spoiler!'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Show Spoiler!'; }" />
<div id="show" style="display: none; background-color:transparent; background-repeat:repeat; margin: 0px;border-width:0px; padding:3px; width:90%">
<center>
<center>
Ayat/url/image/kod widget anda di sini</center>
</center>
</div>
</div>
</div>
</center>

Notes:
Nama Button - nama untuk button kamu
Text/URL/image/dsb - text atau widget dsb yang ingin kamu tampilkan
URL Background - Masukkan url background untuk button. Dibawah ini Vesya ada macam-macam background yang bisa kamu pakai untuk button kamu

4.) Klik save dan.... TADAAAA....

Selamat mencoba, Friend's ^^

sumber: Jombina Belog
dengan perubahan kalimat, bahasa, dan beberapa perubahan kecil.

*copas? CLICK ME!*

Labels: Make Up Blog's

Post a Comment