Shoutbox






KwonJiYong's
Syakirah's Story

The Baddest Female
Instagram

Ssup GIZIBE(s) . Ira for short. Others call me SOOYOUNG because I'm so wild and young. It's not music if you don't have a SWAG.
Sing-A-Song






Memories

My Husband


Annyeong VIP(s) . Jiyong for short. I call him Jiyong oppa dan he call me VIP ;)
REQUEST TUTORIAL ONLY


Credits


Template by : Farah Dini
Basecodes by : Nurul AtiQah
Edited by : Syakirah Aliya
Others: ♥♥♥

♦---------------------------------------♦ Copyright© by Farah Dini 2012
♦---------------------------------------♦
[Tutorial] Shoutbox Di Atas Sebelah Kanan (BLOGSKIN)
Asslamualaikum + Hai semua!!!
lama dah tak post kan? Kalau post pon Fanfic Ira yang mengarut tu.. Kahkahkah.

Hari ni Ira nak ajar macam mana nak buat Shoutbox terapung sebelah kanan macam Ira punya! ( Tapi! Dalam Dia tak memuaskan sangat ler~)
Ira guna tu sementara je~ Sebab ramai yang komen blog Ira ni takboleh nak blogwalking lah, apa jadah haram lah..

Tengok contoh dibawah:

Dah tengok kan? 
Ok so tu lah Ira nak ajar!

1. Dashboard > Template
2. Tekan ctrl+F serentak dan cari code </head>
3. Copy code di bawah dan pastekan di BAWAH code </head> tadi.

<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/AVvXsEjIAQTmjv88PZva0kdOH5M9td2xkflnUCessjcJ10V8KWAVOi_LbNK6TvGQ1Z_2C6dIFRlkBsBUPfGcIfrKDxtcTxcqqwfGagT2Gi6pGRy2rNKLNBXuM9XLdPPVYdn36Vx86BltMykoDtT3/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/AVvXsEgb407jwka6tFLQRBEMpqauB8JAsT7GUNeGesTyISODuTVWYSiLAU5WD3mrqI3xvRHCsaRZpSD6-jamNPxfo-RVvW6zH8QVGABTGKg1Z5gWudEhjyVxahvqTFX2bdhpE908H5CZ2LuJFhA/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>

 Merah: Gantikan dengan code icon korang.
Purple: Gantikan dengan code background Shoutbox korang.
Biru: Korang gantikan dengan code shoutbox korang! Cari SB di SINI
Korang boleh pilih freebies untuk icon benda terapung tu. (Nak buat sendiri? Akan datang!sengih...)


http://i777.photobucket.com/albums/yy57/bunnymeloney/c65.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/c66.png

0Diamond(s)