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/AVvXsEgIFfZrdyOuyPzB9_pj4KstIzRXIp-uF_VsY5rab44xA_Op73ZY-Lj5JRcTXuburwDXwn7wvZpZl0az_VphQ-ciD6qnq_jzcLi_DMBbt2dySS0j2qxIfKwVjRvuRlXBAARrwIjLiL0MOxh5/" 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

Baca Juga : Element-element untuk Blog

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