Follower Blog Melayang

Lihat sebelah kanan blog saya ada tulisan melayang “FOLLOW”. Itu adalah tombol follower atau joint this site. Hal ini untuk mempermudah pengunjung untuk mengikuti atau memfollow blog kita sehingga mereka tidak merasa kebingungan dalam mencari tombol tersebut.Dan juga untuk menghemat Halaman blog.

Jika sobat berkenan untuk mencontohnya ikuti langkah2 berikut ini :

Log in ke blogger sobat

Desain > Tata Letak > add a Gadget >Html java Script

Copas kode berikut :

<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://i55.tinypic.com/8x1xlt.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">

Ganti dengan Kode google friend connect disini

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

<a href="javascript:showHideFL()">

[Tutup]

</a></div>

<script>

<!--

document.write(unescape("%3C%66%6F%6E%74%20%73%69%7A%65%3D%22%31%22%3E%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%64%61%75%7A%2D%74%69%70%73%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%22%74%61%72%67%65%74%3D%5F%62%6C%61%6E%6B%22%3E%3C%64%69%76%20%73%74%79%6C%65%3D%22%63%6F%6C%6F%72%3A%20%23%34%34%34%34%34%34%3B%22%3E%0A%3C%73%70%61%6E%20%3E%3C%62%6C%69%6E%6B%3E%47%65%74%20%54%68%69%73%20%57%69%64%67%65%74%3C%2F%62%6C%69%6E%6B%3E%3C%2F%73%70%61%6E%3E%3C%2F%64%69%76%3E%3C%2F%61%3E%3C%2F%66%6F%6E%74%3E"));

//-->

</script>

</div>

</div>

<script type="text/javascript">

var fl = document.getElementById("fl");

fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";

</script>

<a href="javascript:showHideFL()"/><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcOU4DmSCRhzV6eCD1aHsBD2980iNAeNZWezmKlfUlub2JQVfGsqlxfQMgtVfG97pEWT-7VuJdMC_OhgiCQxHWfHd0D-Imlvh4FWqOAxNtNa4cy3u0FuMo6uf3QxaKVR9_lcTDIGDeXrrJ/" alt="kode" title="Klik aja cuy" style="display:scroll;position: fixed; top:150px;right:0px;cursor:pointer;style=" opacity:1;filter:alpha(opacity="100)&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" ;" height="125px" width="37px" /></a>

Kata yang saya warnai dengan warna merah sobat ganti dengan kode google friend connect .untuk mendapatkannya klik disini : Google friend connect ( tunggu beberapa detik > klik Skip untuk melanjutkan )

Lihat sebelah kiri ada tulisan “ Tambahkan Situs Baru “ maka dibawahnya muncul blog sobat.klik saja pilih opsi tambahkan gadget anggota

Klik buat kode

Copas dan ganti tulisan “Ganti dengan Kode google friend connect disini”

Semoga berhasil

Update : Follow ini tidak saya pasang lagi dengan alasan karena blog terlalu banyak konten, tapi bila sobat ingin mencobanya .Script ini berhasil ko.

Baca Juga Artikel Lainnya :

• Cara membuat recent comment di sidebar blog
• Cara mengganti kursor blog
• cara memasang Icon yahoo ! messenger di blog
• Cara memasang widget pagerank google
• Kumpulan widget blog gratis
• Cara Mengetahui Jumlah User Online Pada Blog
• Cara memasang Twitter di Blog
• Cara memasang jam di blog
• 7 Cara ampuh Mendapatkan Backlink Berkualitas
• Cara membuat Kursor Bubble atau bergelembung
• Follower Blog Melayang
• Cara mendapatkan follower blog yang banyak
• Cara Memasang Meta Tag keyword dan deskripsi Blog
• Cara Membuat judul animasi bergerak dan berwarna -warni
• Cara Membuat Banner Bergerak
• Cara Membuat Populer Pos Bergerak Dengan Animasi
• Cara Membuat Artikel Dua kolom
• Daftar situs Backlink bagi Blogger