Tutorial buat icon shoutmix/chatbox kawaii

 Tutorial buat icon shoutmix/chatbox kawaii

wah arinie faiq nak ajar korang cantikkan shoutmix korang
sebenarnye adew org yg tanye so faiq ajar la..
korang ikut jeew ea..

senang jew buat nie..
klau korang focus btul btul comfirm jadi..
so focus okey..

oke cara cara ialah..
firstly

         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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYH3brcAACoEgWxQHNpBtG4CkIyJM9COEqmTWzGt-5AAc0GejYauca9PqNCM7VnYs-92utKz8VZb1k0Ykdl9Zha1ZSmNPRuXWq2TlDYg7yFaS4HvheEkdROFXRNKl2pJPQMf6oi_bupXcx/s1600/shoutbox+icon+kyuhyun+suju.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU7Hbr5LS9eQtQcrw1_zQGu8esN6FXpo6-Oovs9WckJzOgl7zUI3IeHLqzXQdkPvP3thyphenhyphenI7X1BsMboQqHEIkwyvCAI0bYcmDYqQ1_ormRS9RHcip8c0IEAF2o9reqq5jF9vl3ApQ3tYKzU/s1600/Kim+bum+Shoutbox+icon.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6vzr_5Okj4k3Bc-lkPdLdRhT_wgKZ-Tu3j5x-WVT_DXV-jcQtkn04aRXtXJQupD0hO2rSg9eg7Ai5Ks2-4SsLjNG-xdN-V9rYi6fel_ixiAX1q9jrbWz6k1qGIThrGKRN__7lM_flvFe6/s1600/nickhun+2PM+shout+icon.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRBts7UjWyACdOzA4L4s6BBssl4c1GtryjFd2HGHRTxWaQeXdsGbgEvMUsOye1nWZAoSegNpGLqCQo-g9bMBos-3_qNFAP6sGL07Rzz7C2tBn0uRxm0ZwBkOhEydxc672KJmD2kc0AOona/s1600/sooyoungshout+icon.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA_qe6zb_8aJIxbMER6E2cOJLNc9XZxw6zLuQ0ANqn7oNrm96gMwqM7GmQD8oBkipPIPt6RDPLTiEv6AVrTn2AdubYH8dUdX9Pw4PH5BGGgiiHk0vx3s3P978XD035l4pGqWY7kaP9W5iH/s1600/Seulong+2AM+shoutbox.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQVDGsZrF5qP-o1xrHVPQxwzWKr6mwG92jzp1Vkckp7-K_FBi2OLaV0KxXmDWy53lmF04o9Ex51x7bSMSA3IXw7uSCuLV3-0uLd6OoWftT5M5vyubHZp0PtDG-wt0RBB9nh0BTwOcj4XKG/s1600/min+woo+-boyfriend+shoutbox.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNN_CCo6Wc3j4c1W_QwoJ3ANhrlVPIUbgMYa0o9qmlOi0NZW1C8AVIJ9goWgZ0GDu4bXmEDY0vSeUfR7S25wih7KcdAquNpdPY2DErJpnvcFnCN_wHLnKOlC-rtFq9hL6JpuoCKpg5YC65/s1600/lee+min+ho+shoutbox.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8ghiJZNy7CfNjmM5rwsIyWL5jyiulphmhcUQWIAlUaMQa3syKkmbT7vCGcTvTiTHsSiM2Ps1XrpvImcm0T-l5gdXxpME5aQCygQ4YO9DAiMlQDUIPACUWJOgpH8KsaYuU2YSlhMikbui0/s1600/Angry+bird+shoutbox+1.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqvaeZD9dMK6Y7djFZ130-YCuxos1CW5oz0g82lrX9n1reFKX5n3or7u7seRAc1SM2rSBbJv3-EXDAFqXsM1poNBcqxYLVG2SpI9yLaeqoRjc8warUMn_n_U38jGuarjm_HdInyOu6RLmp/s1600/Angry+bird+shoutbox+2.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid4wm7AuTBlUDDUmeJxZGQcyShgN9FSjgEOaow7fjUhxpcMixdvCzE_d-SPfPSz1P6WSNnJi_jiNAPKvPk2O-j6icNlyvvuduCa-DLHrgu_YyKel5MzDrIFAsdY9GjqhuhTnOZQZtVjZ0Y/s1600/Angry+bird+shoutbox+3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjobnbLDAb96Agnp-OimaPHYcUVgQLK4DtxRm0gsXUyg1o2vtIRAyJXwxXD5FDM0pYIXZ2lpDAUBc8s7a9JE8Jxfp_i6VyRMrkfC0Yxj4YCt41AdBTtR6My3XRPJ2wAT2grpvnHr7JHY3OJ/s1600/Angry+bird+shoutbox+4.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Fg7ElCXQ6ZxLbMGmz37hivCnuFtCdEFMIV4S5VR7hfIUo5QSWmgMBBAFeSqb7smHUBAhlbpiAwO5dwiSdWVERCKF_Yt75XE1w_zF8Gcq0rIcrXTpx0N4IWhVWN-UJjq8sVYmM3zNQDzU/s1600/Angry+bird+shoutbox+5.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJsJp7YEE9BmKy6QyOwXddtG8w_NK4EOg1pvvzgDnfIPqr6Wo-enIn58FdoBLiUbVQLcb4Rk2ktYNRPGH7ZOfGzuWQFl8Vour-GQK0CBs69M1pS_SLz9I7Sjlf1agHid1UCvatks50EnnE/s1600/Angry+bird+shoutbox+6.png