Forever Young
tutorial shoutbox terapung di blogskin
Tuesday, 18 December 2012 . 0 word(s) .



Photobucket
Hey hey there!!  oklah harini Wanie nak share ngan korang sikit cara nak buat shoutbox korang terapung di udara atas blog korang.dulu shoutbox style ni jadi fenomena tapi sepi seketika..but now kembali lagi dengan codes yang telah di-upgradekan...macam best kan? Jom try




macam ni :)


1.Pergi >> Template

2.Then serentak click ctrl + F dan search kod </head>

3.Then copy dan pastekan kod yang panjang lebar ni kat bawah kod  </head>


<div style='display:scroll; position:fixed; top:10px; right:10px;'></a><br /><a href="javascript:void(0);"onclick="showHideAT()"/><img class= width="140" height="140"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzFdY-F7jxAWE27fWc5bGLz3yrVbi8QXclc2jtAW7XB3aQNCfORI_XY070qJcpngN9k2QYQIGkqTHsDmbsX8NZ3KnZt0563991YEpCf_N_BvU5OYDCYKAwyLCUhub3TZJR7KdEFS_UcqkZ/s1600/icon+shout.png" alt="Shoutbox" title="Shoutbox" /></a>
</div>
<style type="text/css">#at{position:fixed;

top:0;;}* html #at{position:relative;}.attab{height:100px;width:30px;float:left;cursor:pointer;background:url();}

.atcontent{float:right;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMWxH1UJHuZhiXMoFWFA5fcG_2apx5rtL5pcccxqwOFblp7Pz1rtuYokg0FqAPM2-gkCk9C9EcZnLEBBliY9ijBUFrM2jIoBHM1Ee78VPS7jGnfns1XVak0dCYMGQlNyeYrNWWC40TyJ8/s1600/kak+yana+shout+frame+copy.png) no-repeat 0 0 transparent;width:800px;height:460px;center scroll ;

padding:56px 0 20px 5px;}</style><script type="text/javascript">function showHideAT(){var at = document.getElementById("at");var w = at.offsetWidth;at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);at.opened = !at.opened;}function moveAT(x0, xf){var at = document.getElementById("at");var dx = Math.abs(x0-xf) > 25 ? 35 : 1;var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;at.style.top = x.toString() + "px";if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}}</script><div id="at"><div class="attab" onclick="showHideAT()"> </div><div class="atcontent"><div align="center"><div style="background:url() no-repeat;">


<br /><br /><br /><br /><br /><br />

Masukkan Shoutbox korang dengan lebar 270 dan tinggi 280

<center><div id="author"><a href="javascript:void(0);" onclick="showHideAT()"><input type="button" value="Close" class="close" /></a></div></center></div></div><script type="text/javascript">var at = document.getElementById("at");at.style.top = (-200-at.offsetWidth).toString() + "px";</script></div></div>


HINT
merah : gantikan dengan kod icon korang
purple: gantikan dengan background shoutbox korang
hijau: masukkan kod shoutbox korang..boleh intai² shoutbox kat sini

Oleh disebabkan Wanie dah lamee gilee tak bagi freebies kat korang,,nah ambiklah..
Doodle asal : Syafiq
Shoutbox Background : Sis Bihya
Basecode: Wan Hazel


http://i777.photobucket.com/albums/yy57/bunnymeloney/c60.png

http://i777.photobucket.com/albums/yy57/bunnymeloney/c61.png

http://i777.photobucket.com/albums/yy57/bunnymeloney/c62.png

http://i777.photobucket.com/albums/yy57/bunnymeloney/c63.png

http://i777.photobucket.com/albums/yy57/bunnymeloney/c64.png

http://i777.photobucket.com/albums/yy57/bunnymeloney/c65.png

http://i777.photobucket.com/albums/yy57/bunnymeloney/c66.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1NYOku-kADm5y9JOLoc6mU1nF46xwRCeMOaggK_nxTieCgde_p9BWPXMAtc1T6A361xQMKX1BwKXKYfp5raFKkl1KauqAYG7YmpAX67T2FG3uwE75ORF04OFgxIUgQRIL94kPERbwc01t/s1600/cb4.png


http://i356.photobucket.com/albums/oo3/babyemo1413/bihasart2.png

http://i356.photobucket.com/albums/oo3/babyemo1413/bihasart4-1.png

http://i356.photobucket.com/albums/oo3/babyemo1413/bihasart3.png

http://i356.photobucket.com/albums/oo3/babyemo1413/bihasart4.png

http://i356.photobucket.com/albums/oo3/babyemo1413/shoutboxbyha2.png


-kalau nak ambil pape,komen dulu k- 


Thanks for reading :)




Older Post . Newer Post



// Forever Young-One Direction