Tutorial cara menyembunyikan shoutbox|Spoiler Style 2

cara sembunyikan shoutbox jenis spoiler adalah cara paling feveret aku..sebab script dia simple dan senang untuk di ubah2..selain tu cara sembunyikan shoutbox jenis spoiler ni ringan..

Cara pasang widget ni senang saja..sama macam lain2 widget...

Live Demo

Mula2 pergi ke desbot---desaign---ada gadget---html / javascript...kemudian copy dan paste code di bawah..

    <div style="text-align: center;"><a input value="Show" style="margin-top: 5px;" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"><img oncontextmenu='return false' onmousedown='return false' onselectstart='return false' src='http://sunevening.files.wordpress.com/2010/01/shoutbox_blogger.jpg' style='width:180px;height:180px;border-radius:15px;'/></a> </div>
    <div style="border:none; margi : 0px; padding: 6px;text-align:center;"><div style="display: none;">

GANTIKAN TULISAN INI DENGAN CODE SHOUTBOX ANDA

</div></div>

rasanya anda tahukan dimana mau letak code shoutbox tu...('',)

Selain dari shoutbox..anda boleh guna script ni untuk hidekan apa saja widget..

Sekian