Cara Membuat Follow Melayang Diblogger

Senin, 26 Maret 2012

Apakah Blog Anda Telah Dipenuhi Dengan Widget Lain
Jadinya Follow Tak Muat Untuk Ditaruh Di Sampingan Blog,,
Sebenernya Gak Enak Kalo Blogger Gak Ada Follow/Pengikut/Member
Ini Saya Ingin Membagikan Ilmu Untuk Para Pecinta Blogger :

Langkah-Langkah Cara Membuat Follow Melayang Diblogger :
1). Login Blogger ,
2). Klik tata letak/ Rancangan ,
3). Klik Tambah Gadget
4). Pilih Html/Java Script
5). Pastekan Code Dibawah Ini Ke Kolom Tersebut :


<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/AVvXsEjP1fdU8lbHHhsHWxrZ1stBikmp0qkHdTzAaroLIIFLZ8XHONJ6DvvgpPIg7O2jVlAn1xuOBiuGuic04obn4pjPp6oLStU-0M6CM3O7ziJ21XxgbCRVTVyxlWLBQ4yQq7KQzlO19h5mWjqg/)#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">


Kode Widget Follow Disini


<div style="text-align: right;">
<a href="javascript:showHideFL()">
[Tutup]
</a></div>
<font size="2"><a href="
http://linggau-pb.blogspot.com/"target=_blank"><div style="color: #444444;">
<span style="font-size: xx-small;">Point Red</span></div></a></font>
</div>
</div>
<script type="text/javascript">
var fl = document.getElementById("fl");
fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";
</script>
6). Jangan Disimpan Dulu,
7). Mari Kita Lanjut KeLangkah Selanjutnya :
8). Untuk Mendapatkan Code Warna Follow Silahkan Masuk Kelink Bawah Ini :
      [http://www.google.com/friendconnect]
9).Lihat Gambar Dibawah !:



Langkah Baru :
1). Pilih Judul Blog Sobat'
2). Klik "Tambahkan gadget anggota"
3). Silahkan diatur ukuran, warna  dll nya'
4). klik "Buat Kode"
5). Silahkan Copy kodenya, dan ikuti langkah selanjutnya
6). Selanjutnya, silahkan Copy kode Warna Follownya kemudian letakkan di kode Script yang tadi Berwarna Merah/ Kode Widget Follow Disini.
7).Baru Widget Tadi Kamu Simpan.

Langkah II :
1. Pilih Edit HTML
2. Cari kode ini <body>
3. Letakkan kode berikut ini di atas <body>
<a href='javascript:showHideFL()' style='display:scroll;position: fixed; bottom:5px;left:5px;' title='Follow'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiavsibw78on3egkcKO_uJKm04zn8CVND-4YRr6kCQd5TS4cHhDBUXVl81vCG6PtQxbPGvGygiyw8WH0kLQK2zF2-POyKPfoYav5rrXY8zpkvhDXtnk3URd9V_7npLlAuKerOxg9TiKr9jU/'/></a>
4.Klik Simpan .

 Code Yang Berwarna Hijau Diatas Bisa Kamu Ganti Sesuka Hatimu,
 Semoga Bermanfaat.

0 komentar:

Posting Komentar

ALAN B A E
Energy Saving Mode using CSS3

Move your mouse to go back to the page!
Gerakkan mouse anda dan silahkan nikmati kembali posting kami!

Original design by: alanbae-inc.blogspot.com
 
™Alan Bae Rezpector™ © 2011 | Design Template by Rizky wardiansyah | Template Blogger Name | Template Transparent 2.0 | Template Transparent 2.0