
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?
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?

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">NOTES :
#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>
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:)

Kalau suka, LIKE lerrrr :D













6 org doakan saya dapat 9A:
tenks amalina :) akak punya mmg da jd cuma pic nye x kuar abes la..mcm shoutbox adik kuar semua..btw tenks a lot ya :)))) keep up a good work okeh :)
Oh, i see. Kena adjust height and width je tu. Semoga berjaya:) Nak request lagi, boleh je. Welcome
thnks lina.. lina nape saya punya shoutbox mcm tersorok ckit erk? dh adjust dh tp stil sama.. tolong ye.. :)
kak lina , mana nak amik icon shoutbox tuh eh ? hehe ;D
thanks for this tuto.. ^^
tikiyu amalina.. ira dpt buat.. :)
Post a Comment