follow memfollow sudah tak asing lagi didunia kita (blogger) tapi untuk membuat trik follow tersembunyi mungkin ada beberapa kawan blogger yang belum tahu atau belum memahami, (yang sudah tahu atau faham dimohon diam saja yah) hehehe... sebenarnya trik ini aku sudah lama tahu tapi beberapa kali mencoba selalu gagal karena tombol follow tak nampak diblog... ternyata eh ternyata kode kodenya tak cocok dengan tamplate ku akhirnya aku rombak sedikit... dan hasilnya bisa kalian lihat sendiri hehehe...
baiklah kinta lanjut, trik ini adalah pengembangan dari buku tamu, Mau tau caranya?? mari ikuti langka langkah berikut :
1. Pastinya login Blogger terlebih dahulu
2. Masuk ke Perancangan>>Elemen Laman
3. Tambahkan Gadget Html/Java Script
4. 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS55KTvJDw94aGNbMKy_1KhQNM85CjM_GD356B6BYreQF3nv4A36ngSdgTTkS6uidwh3MTecdcFlSoudw03naaFSyi4Wk7vnJYbuHAql3ayZVwyc5rHoOFvnO8n4Cx5wgILmeyRqc8Fma1/)#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">
<div style="text-align: right;">
<a href="javascript:showHideFL()">
[Tutup]
</a></div>
<font size="2"><a href="http://www.gerbangmini.co.cc/2011/03/followers-tersembunyi.html"target=_blank"><div style="color: #444444;">
<span style="font-size: xx-small;">By GM</span></div></a></font>
</div>
</div>
<script type="text/javascript">
var fl = document.getElementById("fl");
fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";
</script>
#fl{
position:fixed;
left:150px;
z-index:+1000;
}
* html #fl{position:relative;}
.flcontent{
float:left;
border:2px solid #676767;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS55KTvJDw94aGNbMKy_1KhQNM85CjM_GD356B6BYreQF3nv4A36ngSdgTTkS6uidwh3MTecdcFlSoudw03naaFSyi4Wk7vnJYbuHAql3ayZVwyc5rHoOFvnO8n4Cx5wgILmeyRqc8Fma1/)#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">
<div style="text-align: right;">
<a href="javascript:showHideFL()">
[Tutup]
</a></div>
<font size="2"><a href="http://www.gerbangmini.co.cc/2011/03/followers-tersembunyi.html"target=_blank"><div style="color: #444444;">
<span style="font-size: xx-small;">By GM</span></div></a></font>
</div>
</div>
<script type="text/javascript">
var fl = document.getElementById("fl");
fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";
</script>
5. Tapi jangan di save dulu....
untuk mengambil kode widget follownya silahkan masuk ke link [www.google.com/friendconnect]
6. lihat gambar dibawah
-(1) Pilih blog sobat yang akan dipasang widget follownya
-(2) Klik "Tambahkan gadget anggota"
-(3) Silahkan diatur ukuran, warna dll nya..
-(4) Klik "Buat kode"
-(5) Silahkan Copy kodenya, dan ikuti langkah selanjutnya
7. Copy Paste kode Widget Follow tadi pada kode nomor 4 (*Gantikan kode yang berwarna merah dengan kode Widget Follow yang sudah dicopy tadi)
8. Save..
hemmmm...ternyata tidak cukup sampai disini, masih ada 1mil perjalanan lagi
9. Untuk memasang tombol Navigasinya, silahkan masuk ke :
Perancangan>>Edit HTML.
10. pasang ini dibawah <div id='content-wrapper'> atau kalau hasilnya nanti gakbagus simpan Codenya diatas <body>
<a href='javascript:showHideFL()' style='display:scroll;position: fixed; bottom:50px;left:5px;' title='Follow'><img src='http://img40.picoodle.com/i53e/gerbangmini/i1x1_4bc_uc92k.png'/></a>
11. Simpan template
dan lihat hasilnya... "Semoga Berhasil"
4 komentar:
ardian :oo:
tapi aku masih tak boleh buat huhu
@shida saje kenapa tak boleh..? mau dibantu..? :bb:
wah , blognya jadi tambah menarik ya ...mantap gan
@surya haha bisa saja si agan ini but thanks :pp:
Posting Komentar