=xXx+=(EXPLORATION)+==xXx==

Home » Tips Blogger » Cara Memasang Widget Follow Tersembunyi

Cara Memasang Widget Follow Tersembunyi

Caranya adalah sebagai berikut :

1. Login ke Akun Blogger anda masing-masing.
2. Klik Design or Rancangan
3. Klik Add Gadget and Tambahkan Gadget Html/Java Script
4. Letakkan kode dibawah ini kedalam Html/Java Script

<style type="text/css">
#fl{
position:fixed;
left:150px;
z-index:+1000;
}
* html #fl{position:relative;}
.flcontent{
float:left;
border:2px solid #000;
background:#fff;
-moz-border-radius-topleft:20px; -moz-border-radius-bottomright:20px;
box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #FF1493; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #FF1493; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #FF1493;
padding:10px;
}
.flcontent:hover{
border:2px solid #fff;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4qVx1lrQw2M5KLOpiL6n332n07sDyCSSEwJESj-jmR5SZxfIAJFYgtt6gQns-CD-MiV2aH0R2tNS5UFEetpGrDNfOnKXkP9AW2WE2yCgTeuVXr3zjxRXl7FIQ7qP3I8toD6Om-jUO9F3w/)#000000 repeat-x bottom center scroll;
}
</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()">
<img border="0" src="http://i859.photobucket.com/albums/ab159/yudhizh/ButtonCloseWhite-BlackStroke.png" alt="close" title="Click here to Close" /></a></div>
<font size="2"><a href="http://www.3xploration.co.cc/"target=_blank"><div style="color: #444444;">
<span style="font-size: xx-small;">Widget By xXx' Vifer</span></div></a></font>
</div>
</div>
<script type="text/javascript">
var fl = document.getElementById("fl");
fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";
</script>

NB: Anda bisa membuat kode widget follow DISINI

♂ Pilih blog sobat yang akan dipasang widget follownya
♂ Klik "Tambahkan gadget anggota"
♂ Silahkan diatur ukuran, warna dll nya..
♂ Klik "Buat kode"
♂ Silahkan Copy kodenya, dan ikuti langkah selanjutnya

5. Paste kode Widget Follow anda pada kode diatas (Gantikan kode yang berwarna merah dengan kode Widget Follow yang sudah anda buat)

6. Save
7. Untuk memasang tombol Navigasinya, silahkan masuk ke : Rancangan and Edit HTML
8. Cari kode <body>
Paste code dibawah ini tepat diatas kode <body>

<a href='javascript:showHideFL()' style='display:scroll;position: fixed; top:60px;left:1px;' title='Follow This Blog'><img src='http://i52.tinypic.com/2vn1hxh.png'/></a>

9. Finis

Good Luck

Semua ini adalah apa yang pernah aku cobain sendiri . . dan aku dapat/mengerti dari teman2 blogger lainnya karena aku hanya seorang blogger pemula yang ingin mengetahui lebih banyak hal lagi . . . . Thank's