Cara Membuat Follow NetworkedBlog Tersembunyi Di Bawah

Assalamulaikum sobat nie Run_D Creators berbagi pengalaman saya dari hasil browsing dan walking ke blogger sobat.Bagaimana cara membuat follow networked blog tersembunyi ?? Hemb cara nya sama dengan membuat buku tamu/ ChatBox , Tapi kalau punya saya buku tamu nya tersembunyi bila sobat juga mau buat buku tamu/Chat Box nya tersembunyi di atas sobat tinggal klik ajah disini. Eh kok malah bahas chat box ce kan kita lagi bahas bagaimana cara membuat follow networked blog tersembunyi dibawah.

Contoh gambarnya sebelum ke TKP:
 


Ya sudah apabila sobat tidak sabar ingin membuat bagaimana cara membuat follow networked tersembunyi di bawah,Langsung ajah ke TKP :

Cara Membuat Follow NetworkedBlog:

~> Pertama sobat masuk ke akun blogger sobat disini
~> Setelah masuk ke akun blogger sobat Buka Layout / Tata Letak
~> Kemudian Pilih HTML/Javascript
~> Setelah itu Copy kode di bawah ini:

<style type="text/css">
#fl{position:fixed; left:150px; z-index:+1000;}
* html #fl{position:relative;}
.flcontent{
float:left;
border:2px solid #676767;
background:#dddddd 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">


Masukkan Widget Sobat Di Sini



<div style="text-align: center;">
<a href="javascript:showHideFL()">
[Exit]
</a></div>
<font size="2"></font>
</div>
<script type="text/javascript">
var fl = document.getElementById("fl");
fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";
</script></div>

~> Setelah itu simpan

Ket:
=> Kode yang warna merah ganti dengan widgwt networked blog sobat
=> Kemudian Tulisan yang warna biru bisa di ganti dengan kata keinginan sobat misalnya sobat ganti metu, keluar , exit pokoknya terserah sobat

Jalan di atas itu baru setenagah nya sobat belum selesai, Yuk kita lanjutin lagi cara membuat follow networked tersembunyi di bawah:


~> Sobat Buka Tata Letak / Layout lagi
~> Kemudian Pilih HTML/Javascript Lagi
~>Kemudian Copy dan Paste kode di bawah ini:

<a href="javascript:showHideFL()"/><img border="0" src="http://i1072.photobucket.com/albums/w370/agus9111/cooltext704368974.png" alt="Follow" title="Klik untuk membuka kotak Follow blog" style="display:scroll;position: fixed; bottom:10px;left:10px;cursor:pointer;style=" opacity:1;filter:alpha(opacity="100)&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" ;" height="50px" width="100px" /></a>

~>Kemudian Save :)


Cat:
=>Kode yang warna merah bisa di ganti dengan url gambar ke inginan sobat
=>Kemudian kode yang warna biru bisa di ganti dengan kata-kata keinginan sobat terserah


Akhirnya selesai juga gampangkan sobat Semoga Bermanfaat ya Sob :)
Jangan Lupa tinggalkan saran dan komentarnya bila ada terjadi kesalahan..

Baca Juga di Bawah Ini :

ATTENTION PLEACE :
Buat semua pengunjung yang ingin copy-paste diperbolehkan asal mencantumkan..
URL:
http://creatoragus.blogspot.com/

Hal ini untuk menambah rasa pertemanan agar menjadi lebih akrab dan untuk menjaga solidaritas dari para blogger sejati yang ada di indonesia..
Dan apabila terjadi kerusakan pada postingan kami misalnya kode yang salah,Gambar yang tidak valid dll.Sobat dapat menghubungi kami disini
Salam:Run_D Creators