Monday, 15 August 2011


 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





http://2.bp.blogspot.com/-nRxWp-jBrvg/Tfw2lngxuDI/AAAAAAAAG8E/WUTRMdFRx2M/s1600/shoutbox%2Bicon%2Bkyuhyun%2Bsuju.png






http://1.bp.blogspot.com/-ni3l2jyTlJs/TfoUiV0fsEI/AAAAAAAAG5E/AmDOS6xxC3Y/s1600/Kim%2Bbum%2BShoutbox%2Bicon.png



http://4.bp.blogspot.com/-5kCOObQRPbc/TfrP4_HwvjI/AAAAAAAAG5k/CY03pzOPJEI/s1600/nickhun%2B2PM%2Bshout%2Bicon.png


http://1.bp.blogspot.com/-qsSraZYHOYM/TfrO-ES8eJI/AAAAAAAAG5c/wH9Lq88OV5g/s1600/sooyoungshout%2Bicon.png



http://2.bp.blogspot.com/-hZWVzilTaOQ/TfsCBnbiCJI/AAAAAAAAG58/9zugMLM7h10/s1600/Seulong%2B2AM%2Bshoutbox.png




http://3.bp.blogspot.com/-EuIgmdm45ac/TfsJzq0L9JI/AAAAAAAAG6E/cF-9lRdkU3Y/s1600/min%2Bwoo%2B-boyfriend%2Bshoutbox.png


http://1.bp.blogspot.com/-JUxdvfXObiQ/TfsPYcF2MRI/AAAAAAAAG6M/vt2sj1CIj4c/s1600/lee%2Bmin%2Bho%2Bshoutbox.png




http://3.bp.blogspot.com/-z_YeVNMxpks/TfsPzBE1yuI/AAAAAAAAG6U/tHFw5QmKobU/s1600/Angry%2Bbird%2Bshoutbox%2B1.png




http://1.bp.blogspot.com/-3R1znh2obQw/TfsP_JFTsvI/AAAAAAAAG6c/qiEhyQzX9PM/s1600/Angry%2Bbird%2Bshoutbox%2B2.png




http://3.bp.blogspot.com/-XJO6Rp2ruS8/TfsQPDehRQI/AAAAAAAAG6k/DabOiAlNxj0/s1600/Angry%2Bbird%2Bshoutbox%2B3.png




http://4.bp.blogspot.com/-06aTwPtX0vM/TfsQb7i7NSI/AAAAAAAAG6s/bKfwNJOeCog/s1600/Angry%2Bbird%2Bshoutbox%2B4.png




http://3.bp.blogspot.com/-uQvpVT7Y0PE/TfsQoNZx2oI/AAAAAAAAG60/PHaR82aXXI8/s1600/Angry%2Bbird%2Bshoutbox%2B5.png




http://1.bp.blogspot.com/-QNh3bxNTdpg/TfsQypyt9_I/AAAAAAAAG68/8yDQBQ1077U/s1600/Angry%2Bbird%2Bshoutbox%2B6.png

No comments:

Post a Comment