Tutorial cara buat floating shoutbox spoiler style

Tutorial cara sembunyikan shoutbox by Blogger Blog Tutorial

inilah code terpaling simple untuk floating shoutbox..

live demo ada pada sebelah kiri.. tu.

macam biasa..mula2 pergi ke desbot---desaign---ada gajed---html/javascript

copy code di bawah

<div id="mRp0l5k4h4ckr3w" style='position:fixed; top:5px; right:5px;background:#000;border:6px dashed #ff3366;'>
<div id="p0l5k4h4ckr3w" style="display:none">

Gantikan tulisan ini dengan shoutbox anda

</div><button title="Click to show/hide content" type="button" onclick="if(document.getElementById('p0l5k4h4ckr3w') .style.display=='none') {document.getElementById('p0l5k4h4ckr3w') .style.display=''}else{document.getElementById('p0l5k4h4ckr3w') .style.display='none'}">ShoutBox</button></div>

rasanya anda tahukan di mana mau letak code shoutbox tu kan..jadi sy cuma akan ajar cara edit

pada top:5px; tu anda cuma boleh tukar angka 5 tu..makin besar angka makin ke bawah

pada right:5px anda boleh tukar ke left:5px..shoutbox tu akan lepak pada sebelah kiri..

pada background:#000 anda tukar la kaler code tu kepada kaler code yang anda suka..

pada tulis ShoutBox tu anda boleh tukar ikut suka hati anda..Cth sembang..tulisan tu akan tertulis pada butang shoutbox tu..

simplekan code tu..kalau ada masalah..sms saya..k..hahaha..

sekian