Cara Membuat Widget Fllow Blog Melayang

Written By Namaqu Aoi on Friday, October 7, 2011 | 4:38 PM

Sobat blog,, Kali ini saya akan sharing bagaimana Cara Membuat Widget Fllow Blog Melayang, melayangnya tidak terbang kemana-kemana dalam lokasi blog, tetapi follow blog akan keluar di samping kiri bawah,,
== Caranya Adalah Sebagai Berikut ==
LANGKAH I
1. Masuk ke akun blog dulu
2. Masuk ke RANCANGAN -> ELEMEN LAMAN
3. TambahkanGADGET -> HTML/Java Script
4. Copas kode berikut 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://bangawi.blogspot.com"target=_blank"><div style="color: #444444;">
<span style="font-size: xx-small;">Gudang Informasi</span></div></a></font>
</div>
</div>
<script type="text/javascript">
var fl = document.getElementById("fl");
fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";
</script>

== KETERANGAN==
Ganti kode berwarna biru dengan alamat blog sobat

5. Sebelum di simpan, kita lanjut ke tahap selanjutnya
    (Masuk ke link berikut : http://www.google.com/friendconnect)
  • Pilih Judul Blog Sobat.
  • Klik "Tambahkan gadget anggota"
  • Silahkan diatur ukuran, warna  dll nya
  • klik "Buat Kode"
  • Silahkan Copy kodenya, dan ikuti langkah selanjutnya
6. Selanjutnya, silahkan Copy kode  Follownya kemudian letakkan di kode Script yang tadi.
7. Selanjutnya Save.

 LANGKAH II
1. Masuk ke Edit HTML
2. Cari kode <body>
3. Copas kode berikut tepat diatas kode <body>
<a href='javascript:showHideFL()' style='display:scroll;position: fixed; bottom:5px;left:5px;' title='Follow'><img src='http://lh4.ggpht.com/_yF0--u7KSSI/TKWWpZF5MKI/AAAAAAAAAu4/E18Axu8eACI/Follow.png'/></a>



0 comments:

Post a Comment