Home » » Cara Memasang Widget Follow Tersembunyi

Cara Memasang Widget Follow Tersembunyi


 
Caranya adalah sebagai berikut :

1. Login ke Akun Blogger anda masing-masing.
2. Klik Design or Rancangan
3. Klik Add Gadget and Tambahkan Gadget Html/Java Script
4. Letakkan kode dibawah ini kedalam Html/Java Script
<style type="text/css">
#fl{
position:fixed;
left:150px;
z-index:+1000;
}
* html #fl{position:relative;}
.flcontent{
float:left;
border:2px solid #000;
background:#fff;
-moz-border-radius-topleft:20px; -moz-border-radius-bottomright:20px;
box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #FF1493; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #FF1493; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #FF1493;
padding:10px;
}
.flcontent:hover{
border:2px solid #fff;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4qVx1lrQw2M5KLOpiL6n332n07sDyCSSEwJESj-jmR5SZxfIAJFYgtt6gQns-CD-MiV2aH0R2tNS5UFEetpGrDNfOnKXkP9AW2WE2yCgTeuVXr3zjxRXl7FIQ7qP3I8toD6Om-jUO9F3w/)#000000 repeat-x bottom center scroll;
}
</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()">
<img border="0" src="http://i859.photobucket.com/albums/ab159/yudhizh/ButtonCloseWhite-BlackStroke.png" alt="close" title="Click here to Close" /></a></div>
<font size="2"><a href="http://www.3xploration.co.cc/"target=_blank"><div style="color: #444444;">
<span style="font-size: xx-small;">Widget By xXx' Vifer</span></div></a></font>
</div>
</div>
<script type="text/javascript">
var fl = document.getElementById("fl");
fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";
</script>

NB: Anda bisa membuat kode widget follow DISINI



♂ Pilih blog sobat yang akan dipasang widget follownya
♂ Klik "Tambahkan gadget anggota"
♂ Silahkan diatur ukuran, warna  dll nya..
♂ Klik "Buat kode"
♂ Silahkan Copy kodenya, dan ikuti langkah selanjutnya


5. Paste kode Widget Follow anda pada kode diatas (Gantikan kode yang berwarna merah dengan kode Widget Follow yang sudah anda buat)

6. Save
7. Untuk memasang tombol Navigasinya, silahkan masuk ke : Rancangan and Edit HTML
8. Cari kode <body> 
    Paste code dibawah ini tepat diatas kode <body>
<a href='javascript:showHideFL()' style='display:scroll;position: fixed; top:60px;left:1px;' title='Follow This Blog'><img src='http://i52.tinypic.com/2vn1hxh.png'/></a>
9. Finis

Good Luck


Semua ini adalah apa yang pernah aku cobain sendiri . . dan aku dapat/mengerti dari teman2 blogger lainnya karena aku hanya seorang blogger pemula yang ingin mengetahui lebih banyak hal lagi . . . . Thank's
Share
Related Post

0 comments:

Archives

Label


ShoutMix chat widget
Guest Book
 

Subscribe Via Email

Enter your email address:

Delivered by FeedBurner

My Blog

Show

Exploration


Show

[Valid Atom 1.0]
Google PageRank Checker Powered by  MyPagerank.Net

Powered by FeedBurner

SEO Stats powered by MyPagerank.Net

Show

Show

Exploration

Welcome To My Blog

I hope you find what you're looking for here . . Thank you for visit to my simple blog . .

Rizky Maulana

This life is a sacrifice and struggle . . and I am just a man who wants to be better than ever . .