Judul : Cara buat widget follow tersembunyi
link : Cara buat widget follow tersembunyi
Cara buat widget follow tersembunyi
Hallo sobat Blogger coba klik tombol follow di sebelah bawah kiri ..apa yang terjadi ....mungkin buat master blogger yang dah profesional hal kayak gitu dah biasa tapi buat pemula (seperti saya)hal itu mungkin perlu mengetahui cara membuat nya :- loggin ke blogger
- masuk rancangan pilih HTML JAVA SCRIPT
- kemudian msuk kan kode script di bawah ini
- <style type="text/css">
#fl{
position:fixed;
right:190px;
z-index:+1000;
}
* html #fl{position:relative;}
.fltab{
height:32px;
width:270px;
float:top;
cursor:pointer;
background:url('http://i1136.photobucket.com/albums/n499/Mahfid_Mayanto/http.gif') no-repeat;
}
.flcontent{
float:right;
border:2px solid #676767;
background:url()#F90 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">
HAPUS TEKS INI GANTI DENGAN Code script Follower Blog anda disini
<div style="text-align: right;">
<a href="javascript:showHideFL()">
[Tutup]
</a></div>
<font size="2"><a href="http://www.seiparing-tv.co.cc“target=_blank"><div style="color: #444444;">
<span style="font-size: xx-small;">By Seiparing TV</span></div></a></font>
</div>
</div>
<script type="text/javascript">
var fl = document.getElementById("fl");
fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";
</script> - jangan simpan dulu masih ada kelanjutan nya brour....
- cari dulu script follow nya coba aja di sini
- Klik "Tambahkan gadget anggota" (Add the members gadget) atas
- Silahkan diatur ukuran, warna dll nya.. (Choose colors)
- Klik "Buat kode" (Generate code) paling bawah
- Silahkan Copy kodenya, dan ikuti kembali langkah selanjutnya
- Paste kode Widget Follow yang anda copy tadi ke kode diatas (teks yang berwarna merah) dan ganti kode yang bernama (HAPUS TEKS INI GANTI DENGAN Code script Follower Blog anda disini) yang terdapat ditengah-tengah codescript diatas dengan kode Widget Follow yang sudah dicopy tadi)
- nah ini baru boleh SAVE/simpan
- langkah selanjut nya EDIT HTML Cari kode <body> kemudian pastekan kode di bawah ini tepat di atas nya
- <a href='javascript:showHideFL()' style='display:scroll;position: fixed; bottom:65px;left:5px;' title='Follow'><img src='http://i1136.photobucket.com/albums/n499/Mahfid_Mayanto/fo-2.gif" border="0" alt="Photobucket'/></a>
kemudian save template .....semoga berhasil brour.......... - Nb:
Demikianlah Artikel Cara buat widget follow tersembunyi
Sekian Cara buat widget follow tersembunyi, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sekian postingankali ini.
