TUTORIAL : HIDE SHOUTBOX

Assalamualaikum dan selamat malam semua:) Haa, Lina baru je habis study BM. So, saje je nak test bukak blog. Rindu la rasanya, hehe. Check check je shoubox, ada seorang akak yang cute mute ni suruh buat Tutorial Hide Shoutbox. Hide Shoutbox tu apa? Cuba tengok shoutbox Lina, dia tersembunyi kan? Ala-ala main sorok-sorok gitu. Tutorial ini direquest oleh KAK SYALILAH. What a nice name! Mari kita memulakan pembelajaran:)

1) Dashboard > Design > Add Gadget > Choose HTML/Javascript.
2) Copy and pastekan code kat bawah ni kat ruangan HTML/Javascript tu okay?

<style type="text/css">
#gb{position:fixed;top:50px;z-index:+1000;}* html #gb{position:relative;}
.gbtab{height:350px;width:140px;float:left;cursor:pointer;background:url('URL PICTURE') no-repeat;}.gbcontent{float:left;border:2px solid #00000;background:#F5F5F5;padding:10px;}</style>
<script type="text/javascript">function showHideGB(){var gb = document.getElementById("gb");var w = gb.offsetWidth;gb.opened ? moveGB(0, 150-w) : moveGB(170-w, 0);gb.opened = !gb.opened;}function moveGB(x0, xf){var gb = document.getElementById("gb");var dx = Math.abs(x0-xf) > 10 ? 5 : 1;var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;gb.style.right = x.toString() + "px";if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}}</script><div id="gb"><div class="gbtab" onclick="showHideGB()"> </div><div class="gbcontent">
ENTER YOUR SHOUTMIX CODE HERE
<div style="text-align:right"><a href="javascript:showHideGB()">[close]</a></div></div></div><script type="text/javascript">var gb = document.getElementById("gb");gb.style.right = (140-gb.offsetWidth).toString() + "px";</script>

NOTES :
MERAH : Boleh ubah mengikut kesesuaian. Macam Lina punya height : 400, width : 150.
BIRU : Masukkan URL PICTURE yang korang nak jadikan shoutbox korang. Pandai-pandailah cari ye, cause Lina pun ambik orang punya;) Boleh create sendiri sebenarnya, just Lina tak creative lagi. Tengah explore.
PINK : Jangan lupa masukkan Code Shoutmix korang tu ea?

SIMPLE RIGHT? GOODBYE:)

---

Thanks for reading this. LIKE it if you like. Do comment too♥

---

Kalau suka, LIKE lerrrr :D