Cara Memasang Facebook Melayang diblog - Sharing Ilmu Pengetahuan | Ianhacks
Headlines News :
Home » » Cara Memasang Facebook Melayang diblog

Cara Memasang Facebook Melayang diblog

Written By Rian on 1.11.2012 | Wednesday, January 11, 2012

Pada tutorial kali ini saya akan memposting article tentang Cara Memasang badge Facebook Melayang diblog. yang biasanya trik seperti ini digunakan untuk buku tamu atau bahkan iklan. karena memang widget-widget melayang seperti ini sangat menghemat ruang. sehingga fasilitas seperti ini seringkali dimanfaatkan oleh para blogger mania. baiklah langsung saja. dan ikuti langkah langkah berikut:

1. Login di Blogger anda
2. Meluncur ke Tata letak ,tambah Gadget, kemudian pilih HTML/JavaScript
3. Masukkan kode script di bawah ini:

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i50.tinypic.com/2qn3zv7.jpg') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
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.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
< Letakkan script Lencana facebook anda disini>
<div style="text-align:right">
<a href="http://www.ianblacknet.tk/2012/01/cara-memasang-facebook-melayang-diblog.html">
[By ianblacknet.tk
]
<a href="http://ianblacknet.tk
</a>|<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

Catatan: pada tulisan berwarna biru Letakkan script Lencana facebook anda disini ganti dengan lencana facebook sobat.

4. Klik simpan dan lihat hasilnya.

Selamat Mencoba semoga berhasil

Jangan Lupa Komentarnya Gan......OK..
Share this article :

0 comments:

Speak up your mind

Tell us what you're thinking... !

 
Support : Proudly powered by Blogger
Copyright © 2011. Sharing Ilmu Pengetahuan | Ianhacks - All Rights Reserved
Original Design by Creating Website Modified by IanBlack