Minggu, 24 Februari 2013

Cara Membuat Widget Follower Melayang



Langkah pertama :

1. Dasbor > Rancangan

2. Add Gadget > HTML/JavaScript
3. Copy kode dibawah ini :


<style type="text/css">
#fl{
position:fixed;
left:150px;
z-index:+1000;
}
* html #fl{position:relative;}
.flcontent{
float:left;
border:2px solid #676767;
background:url(http://lh3.ggpht.com/_yF0--u7KSSI/TKIlkEJwkEI/AAAAAAAAAtg/uFf3eLsXlyg/fire2.gif)#000000 repeat-x bottom center scroll;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideFL(){
var fl = document.getElementById("fl");
var w = fl.offsetWidth;
fl.opened ? moveFL(0, -100-w) : moveFL(20-w, 0);
fl.opened = !fl.opened;
}
function moveFL(x0, xf){
var fl = document.getElementById("fl");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
fl.style.bottom = x.toString() + "px";
if(x0!=xf){setTimeout("moveFL("+x+", "+xf+")", 10);}
}
</script>
<div id="fl">
<div class="fltab" onclick="showHideFL()"> </div>
<div class="flcontent">


----------------Kode Widget Follow Disini-------------------



<div style="text-align: right;">

<a href="javascript:showHideFL()">
[Tutup]
</a></div>
<font size="2"><a href="http://rendo-redcell.blogspot.com"target=_blank"><div style="color: #444444;">
<span >By Rendo Aditama</span></div></a></font>
</div>
</div>
<script type="text/javascript">
var fl = document.getElementById("fl");
fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";
</script>

4. Save


Langkah Kedua :


1. Dasbor > Rancangan > Edit HTML
2. Cari kode <body>
3. Letakkan kode dibawah ini tepat sebelum (di atas) kode <body>


<a href='javascript:showHideFL()' style='display:scroll;position: fixed; bottom:5px;left:5px;' title='Follow'><img src='http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/flwr.png'/></a>

4. Selesai

Jangan lupa follow my blog ya.... ^_^



Artikel Terkait Lainnya :



Ditulis Oleh : Rendo Aditama

Artikel Cara Membuat Widget Follower Melayang ini ditulis oleh Rendo Aditama pada hari Minggu, 24 Februari 2013. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang Cara Membuat Widget Follower Melayang dapat Anda sampaikan melalui kotak komentar dan jangan lupa klik like facebook diatas ya

:: Add My FB ::

Tidak ada komentar: