✿Be Yourself✿
Tutorial: Cara nak buat shoutbox slide out.

Monday, November 7, 2011 @ Monday, November 07, 2011 | 0 Rainbow [s]

hye semua ape khabar hope sehat2 kayh.
kali niyh azie nak buat tutorial about shoutbox.
ade adeq comel niyh tanye..

caranye senang jew !!

1.dashdoard>design>add gadget>html
2.korunk copy kod kat bawah ni yea.


<style type="text/css">

#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:350px;
width:140px;
float:left;
cursor:pointer;
background:url('URL PIC YANG KORUNK SUKA') 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">

MASUKKAN KOD SHOUTMIX KORUNK KAT SINI :)

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


3. lepas tuh dah copy paste lah kat edit html
4.yang merah tuh korang cari la pic yang mane2 ade pic shoutbox
5.then masukkan dalam kurungan masukkan yang tulis URL tuh tau !!
6.bgy yang warna biru tuh buatah ikut size yang korunk nak kayh.
7.then save kan dah siap.

tak tahu nak cari kat mana?
azie bagi erk free jew.


http://i1216.photobucket.com/albums/dd372/melin99/myshoutbos.png


 http://i1092.photobucket.com/albums/i402/syirara/shouthere.gif


http://i1182.photobucket.com/albums/x446/WanaKendys/sondongwoon-1-1.png

http://i1092.photobucket.com/albums/i416/CikFyyfa98/untitledahb.jpg

http://i878.photobucket.com/albums/ab345/sayaislam98/shout-icon-1.png



http://i1182.photobucket.com/albums/x446/WanaKendys/cute_anime_girl.png



itu jew pon oukey lah bbyee
jangan lupa komen yea..




Older Post | Newer Post
✿Owner✿

Assalamualaikum Buddys
Rabbit (s)
Welcome To Azie's Blog .
Be nice here .
Don't be Copycats and Annoying here .
If copycats still here please click CTRL + W .

Thanks Reader (s) ♥


✿Click Here✿

Entry Me Linkies


✿Let's Speak!✿

Recommended By Cbox


✿Big Claps✿

Template by : Sharanichi Potter
Full Edited : Azie Hanini

Best View only at GOOGLE CHROME (:


✿Likes Here✿


✿Music✿