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. 

http://i1118.photobucket.com/albums/k606/Qila_Funny/Untitled-3-1.png




http://i1113.photobucket.com/albums/k512/aina9981/maryiconshout.png

 http://i1046.photobucket.com/albums/b464/fariesfearless/shout.png
http://i1205.photobucket.com/albums/bb427/DyraNadhirah/sc2.jpg




7 comments:

  1. Salam.
    whoa. tengs buad tuto ni hana :]

    ReplyDelete
  2. tQ akak!!
    hehe..
    ade sebut name saya lagi tuh!!

    ReplyDelete
  3. @Zulaiqa Nazriwelkem aja dik. xde mslh pn.. coz sume ni da ade kt blog akk. jd sng nk tgk kod blik..

    ReplyDelete
  4. tp akk~
    sye da try ..
    asal x jadik ea???
    nak c0py code yang akk bg tuh pon x bole..
    :(

    ReplyDelete
  5. @Zulaiqa Nazritak boley? ermm. tak boley copy ep mksd adik> law adik nk copy. adik tekan serentak ctrl+c. cuba try..

    ReplyDelete
  6. tak bole pon kak..
    dah save tpi tak kluar pon..

    ReplyDelete

hello bloggers!
hope you are enjoying visit my blog
you can ask anything to me~
^_^ hanna ^_^