Senin, 18 November 2013
Cara Membuat Fans Facebook Melayang layang Di Blog
Seringnya kita jumpai di beberapa website atau blog yang memasang fans facebook dan kebanyakan temen-temen juga pada tahu cara memasangnya akan tetapi jika sobat menginginkan agar fans facebook tersebut dapat melayang-layang di blog sobat itu beda lagi ceritanya. Membuat blog sobat tampil lebih keren dengan fans facebook yang melayang-layang.
Jika sobat berminat untuk memasang fans facebook yang dapat melayang tersebut ikuti langkah-langkah di bawah ini.
1. Login ke blogger atau klik disini
2. Pilih tata letak >> tambah gadget >> Html/JavaScript
3. Copy paste script di bawah ini
<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>
Masukan Kode iklan atau Gambar yang anda inginkan di sini
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>
Catatan:
- Tulisan yang berwarna orange silahkan sobat ganti dengan script fans facebook bisa juga script iklan (Sekarepmu).
4. Kemudian yang terakhir simpan dan lihat hasilnya.
Semoga artikel ini bermanfaat, Happy blogging 
Tidak ada komentar:
Posting Komentar