Cara membuat Follow tersembunyi/melayang di blog

Bookmark and Share


      Haloooo...? sahabat blogger sekalian hari ini nih saya mau ngasihtahu bagaimana carannya membuat follow tersembunyi/melayang di blog kita.

     Caranya gampang (Easy) hhe... Ilmu ini  saya dapat dari sobat blogger phonecompi tentang cara membuat follow tersembunyi tersebut..

     Nah langsung saja kita bahas porsoalan ini...

1.login dulu dengan akun  Blogger anda.
2.lalu kunjungi lah situs ini http://www.google.com/friendconnect .
3.Pilih blog anda yag ada di sebelah kiri.Kemudian klik tambahkan gadget anggota.
Kalau mau yang jelas lihat gambar di bawah ini :

 
4. Atur ukuran dan warna widget follower anda. untuk membuatnya transparan, kosongkan saja semua pengaturan warna.
5.Klik buat kode maka anda akan di berikan kode script widget followers anda.

Kembali ke jendela dasbor sobat klik rancangan.

Pilih add gadget/tambah gadget.
Klik HTML JAVASCRIPT.
Masukkan kode berikut ini. : 

<style type="text/css">
#gb{
position:fixed;
top:128px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:350px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i1120.photobucket.com/albums/l494/yudatfort/cooltext522792975.png') no-repeat;
}

.gbcontent{
float:left;
border:2px solid #C0C0C0;
background:#F5F5F5;
padding:10px;
}

</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}

function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}

</script> <div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

<------------Letakkan kode widget followers anda disini------------->

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

Ganti tulisan <------------Letakkan kode widget followers anda disini-------------> dengan kode widget followers sobat kemudian simpan .
dan lihat hasilnya ....? gimana ?
Et belum selesai silahkan berkreasi dengan kode tersebut , dengan mengutak atik kode yang sudah ada , seihingga sesuai dengan keinginan soba.

{ 0 komentar... Views All / Send Comment! }

Posting Komentar

Powered By Blogger