Follow-follow dan follow tak asing dalam dunia Blogger , Kita selalu butuh teman karena dengan banyak teman semakin asik dan semakin semangat tapi dengan syarat kita mesti sering connect dan menyapa teman entah lewat chat box , shoutmix ngasih comment atau sms'an kali ye hehehe..pokoknya saling sharing deeeh...
Nah untuk mempercantik Tampilan Widget Follower ...ah kayaknya kurang asik kalau temen disebut Follower,,Begini aja deh Tampilan Widget Sahabat kita, Bagaimana kalau dibikin Melayang dengan menggunakan tombol Show Hide ntuh seperti contoh digambar...N Demonya coba KLik Tombol Follow disamping
Bagi Sahabatku yang tertarik dan mau memasangnya Silahkan ikuti Caranya ;
- Silahkan Login ke Akun Blog Sobat Masing-masing
- Klik rancangan pilih tambah gadget HTML/javascript
- Copy kode dibawah ini dan Pastekan kedalam Gadget tadi
<style type="text/css">
#gb{
position:fixed;
left:150px;
z-index:+1000;
}
#tabGb {
position:fixed;left:0px;bottom:50px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollright+ document.documentElement.clientWidth - offsetWidth); }
* html #gb{position:relative;}
.gbcontent{
float:left;
border:3px outset red;
background:#000000;
-moz-border-radius:15px;-webkit-border-radius:15px;
border-radius:15px;
padding:5px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 1500-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbcontent">
<center><a href="javascript:void(0);" onclick="showHideGB()"><input type="button" value="Close" class="close" /></a>
</center></div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.top = (-400-gb.offsetWidth).toString() + "px";
</script>
<div id="tabGb"><a href="javascript:void(0);" onclick="showHideGB()" title="folow me and i will follow u"><img alt="Follow" heigth="125" src="http://i1206.photobucket.com/albums/bb455/binkbenk/th_Follow.png" border="0" /></a></div>
- Belum selesai sobat jangan disimpan dulu,,Untuk mendapatkan kode Follownya silahkan masuk kesini dulu http://www.google.com/friendconnect mas brow n sobat
- Pilih Blog yang mau Sobat tambahkan widget follow, atau pilih tambahkan situs seperti gambar ini
- Nah kemudian klik Langsung tambahkan gadget anggota seperti contoh gambar
- Edit dulu tampilannya seperti contoh ini
- Lalu klik Buat kode dan kemudian Copy kodenya
- Langkah yang terakhir Pastekan Kode Widget Follow yang didapat kedalam gadget tadi tepat pada tulisan
- Pada kode CSS diatas tepatnya pada kode "border:3px outset red; dan background:#000000;" silahkan rubah kode warnanya sesuaikan dengan template blog Sobat
- Kemudian Simpan
Selamat mencoba semoga bermanfaat
Posted On : 17 Oktober 2011 Time : 21.56
