★ Lady ★ Hanna ★: Tutorial buat icon shoutmix/chatbox kawaii

hari ini. wah!

sangat penat woo..

kesian kt jkk sura ini..

kena la cop bnyk2 surat hana. hahaha..

xper la.da tugas dye kn?

okie la. hana dpt request drp adik cumel kita nie .

dia cakap :) Zulaiqa Nazri said...

salam akk~
mcm mane pulak ea kalu nak buat shoutbox tuh cantik seket..
hehe..
ade katun!!

OKIE dik.. cm nie.. akk buat simple2 aja nie.. mula2..

adik .. DESIGN> PAGE ELEMENT>ADD GADGET>ADD HTML CODE.

<style type="text/css">#gb{position:fixed;top:50px;z-index:+1000;}* html #gb{position:relative;}.gbtab{height:104px;width:86px;float:left;cursor:pointer;background:url('URL IMAGE') no-repeat;}.gbcontent{float:left;border:2px solid #A5BD51;background:#F5F5F5;padding:10px;}</style><script type="text/javascript">function showHideGB(){var gb = document.getElementById("gb");var w = gb.offsetWidth;gb.opened ? moveGB(0, 30-w) : moveGB(20-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">
TAMPAL CODE SHOUTMIX KORANG DISINI
<div style="text-align:right"><a href="http://www.deathnota.blogspot.com"><font size="1"">get this </font></a><a href="javascript:showHideGB()">[close]</a></div></div></div><script type="text/javascript">var gb = document.getElementById("gb");gb.style.right = (30-gb.offsetWidth).toString() + "px";</script>

* warna orange 2 buat ikt kesesuaian adik yerp. adik nk tinggi bnyk mne.
* warna biru 2 url image. adik ley carik kt photobucket je sng.
* warna merah tu kod shoutmix/cetbox anda yerp.

disini hana ade sertakan icon shoutbox yang cumel2 . law nak amek, amek je la.