Dengan letak widget Followers di bagian pojok blogmu dan akan selalu berada di pojok walau
halaman yang ada di blogmu di-scroll atau digulung, widget followersmu akan terus berada di tempat, tepatnya di bagian pojok blog. Dengan
begitu widget ini lebih sering
dilihat, maka semakin besar pula peluang pengunjung blogmu untuk ikut
blogmu
Mau liat DEMOnya ? >klikhere<
Silahkan Bero ikuti Tutornya xD Langsung ke TKP
Langkah1
1. Buku Google Friend Connect milikmu, klik ajah >> Bukan disini xD
2. Pilih Gadget yang bernama "Tambahkan Gadget Anggota"
3. atur-atur deh, dan ambil kodenya ! paste kan dulu ke notepad biar gk ilang xD
SEMOGAtidak BERHASIL xD
halaman yang ada di blogmu di-scroll atau digulung, widget followersmu akan terus berada di tempat, tepatnya di bagian pojok blog. Dengan
begitu widget ini lebih sering
dilihat, maka semakin besar pula peluang pengunjung blogmu untuk ikut
blogmu
Mau liat DEMOnya ? >klikhere<
Silahkan Bero ikuti Tutornya xD Langsung ke TKP
Langkah1
1. Buku Google Friend Connect milikmu, klik ajah >> Bukan disini xD
2. Pilih Gadget yang bernama "Tambahkan Gadget Anggota"
3. atur-atur deh, dan ambil kodenya ! paste kan dulu ke notepad biar gk ilang xD
Langkah 2
1. Masuk ke akun bloggermu
2. Lalu pergi ke Rancangan > Elemen laman > Add a Gadget > HTML/Javascript
3. Copas Script di bawah ini !
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:350px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i36.tinypic.com/bi1n44.jpg') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
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">
Kode Widget Follower Anda Disini
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:350px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i36.tinypic.com/bi1n44.jpg') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
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">
Kode Widget Follower Anda Disini
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
4. Ganti tulisan warna merah sama kode widget yang tadi km dapet dari Mbah !
5. Simpan dan liat hasilnya !
Mudahkan xD
SEMOGA
Tidak ada komentar:
Posting Komentar