Tutorial Slide Float Shoutbox
well hello there readers!! we meet again.. for this time, i'll post the tutorial how to make a slide float shoutbox.. could u see an angry bird at the side there?? yaaa! it's a shoutbox! cute isn't it? hehe.. this tutorial is actually credit to
leka ! ok! enough english speaking... =.=! si leka ni beria nk shoutbox dia ada kt tepi...soo.. nah leka! wt jgn xbuat... tutor ni actually ak dpt dr
cik wan hazel . there're many tutorials would u get! n now...ni la hasilnya! *wink* ops! back to the topic! ok... just copy down this code..
<div style='display:scroll; position:fixed; top:10px; right:10px;'> <a class='linkopacity' href='http://wanhazel.blogspot.com/2011/05/tutorial-slide-float-shoutbox-with-cute.html' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='Get Slide Float Shoutbox'><img border="0" src="http://i1009.photobucket.com/albums/af215/wanhazel252909/iconlink.gif" /></a><br /> <a href="javascript:void(0);"onclick="showHideAT()"/><img class= width="140" height="140"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWmQOOOHlc-bvEiaNM9banGCly08dmhyphenhyphen7xfHj815pO_GYk667EvlWRASedA1kprG5y34v2vI1WOiUbVkd76Cjd-o1jvosQ06OCQpb0QvF55cr3jOZFEcFnuSAf8v1gIPWPAvWwFq-jUtNd/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/AVvXsEinV51OK0iFUbTB4XDujaquWLIQ9CRhabiWXisEgRCcsuKCo5bWFh9SZEQG9VROB_Dmhaj050Nhor3vYX59GSOjMHxBwl8kg-TfzELJjjsDB1ysz8ZYwYeGhFI_N_USNsJI1jn8Mdam-h4/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 code 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>
Thanks Baca Entry Saya . Jangan lupa baca entry lain pulak ! Older Post | Newer Post
Hye. Leave your footstep at my Shoutbox. Please don't REMOVE CREDITS !. Thanks for visiting my ugly duckling blog. Owh yeah!drop some comments yaw!
Story
About
Stuff
Links
♥Months♥
» February 2011
» March 2011
» May 2011
» June 2011
» July 2011
» August 2011
» September 2011
» October 2011
» December 2011
» January 2012
» February 2012
» March 2012
» April 2012
» May 2012
» June 2012
» September 2012
» November 2012
» December 2012
» May 2013
» January 2014
» February 2014
de Princeszin
Assalamualaikum dan Hye :)
Short Biodata
Name:Nur Aini Aqilah bt ZainudinKnown as: U may call me Aini or AqilahAge: 20 years oldStat: PahangCountry: Tanah tumpahnya darahkuFav. Colours: Red*addicted*, any light coloursLanguage: malay and english also arabic *but not fluently keyh*Hobby: blogging, facebooking, surfing internetIdol: Rasullah S.A.W, Parents of courseStudy: Bachelor (Hons) Electronic Engineering 2013/2017
Contact Me:
Blog |
Facebook
Likes:
♥ Kawan baru♥ Blogging♥ Makan ais krim♥ Nasi Goreng Ayam, KFC♥ Spongebob Squarepants♥ Red+white♥ Snapshooting♥ Make Up vs Natural Face
Dislikes
♥ Anons, Haters, Copypasters♥ Penipu♥ Internet Connetion yang lembab
Tutorial Slide Float Shoutbox
well hello there readers!! we meet again.. for this time, i'll post the tutorial how to make a slide float shoutbox.. could u see an angry bird at the side there?? yaaa! it's a shoutbox! cute isn't it? hehe.. this tutorial is actually credit to
leka ! ok! enough english speaking... =.=! si leka ni beria nk shoutbox dia ada kt tepi...soo.. nah leka! wt jgn xbuat... tutor ni actually ak dpt dr
cik wan hazel . there're many tutorials would u get! n now...ni la hasilnya! *wink* ops! back to the topic! ok... just copy down this code..
<div style='display:scroll; position:fixed; top:10px; right:10px;'> <a class='linkopacity' href='http://wanhazel.blogspot.com/2011/05/tutorial-slide-float-shoutbox-with-cute.html' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='Get Slide Float Shoutbox'><img border="0" src="http://i1009.photobucket.com/albums/af215/wanhazel252909/iconlink.gif" /></a><br /> <a href="javascript:void(0);"onclick="showHideAT()"/><img class= width="140" height="140"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWmQOOOHlc-bvEiaNM9banGCly08dmhyphenhyphen7xfHj815pO_GYk667EvlWRASedA1kprG5y34v2vI1WOiUbVkd76Cjd-o1jvosQ06OCQpb0QvF55cr3jOZFEcFnuSAf8v1gIPWPAvWwFq-jUtNd/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/AVvXsEinV51OK0iFUbTB4XDujaquWLIQ9CRhabiWXisEgRCcsuKCo5bWFh9SZEQG9VROB_Dmhaj050Nhor3vYX59GSOjMHxBwl8kg-TfzELJjjsDB1ysz8ZYwYeGhFI_N_USNsJI1jn8Mdam-h4/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 code 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>
Older Post | Newer Post
.jpg)
Assalamualaikum dan Hye :)
Thanks
Tutorial: 
Stuff: