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


  http://img401.imageshack.us/img401/822/plaid30.jpg


  http://img31.imageshack.us/img31/8480/pinkbackground8.gif


 http://img846.imageshack.us/img846/4885/plaidbackground9.gif


  http://img194.imageshack.us/img194/5608/pinkbackground3.gif

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

Selamat mencoba, Friend's ^^

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