Home » , » Cara Terbaru Buat Like Box Facebook Keren

Cara Terbaru Buat Like Box Facebook Keren

Halo sobat romantis-xp. kali ini saya riyan akan posting tentang cara pasang like box facebook
di blog, tapi like box yang saya postingkan adalah like box versi 2 yang keren
seperti yang ada di blog saya nich..!

Oke sob langsung aja gwe kasih tau caranya:

1.Login ke blogger sobat
2.Pilih Tata Letak > Tambahkan Gadget > Lalu pilih HTML/JavaScript
3.Lalu Masukan JavaScript dibawah ini:

<style type="text/css">
#gb{
position:fixed;
left:400px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:250px;
width:250px;
float:center;
cursor:pointer;
background:url('') no-repeat;
}
.gbcontent{
float:center;
border:1px solid #A5BD51;
background:#000000;
padding:1px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 25-w) : moveGB(25-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.left = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">



<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/curhat.tentang.kisah.cinta.mu&amp;width=292&amp;height=290&amp;colorscheme=dark&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:290px;" allowTransparency="true"></iframe>

<div style="text-align:center">
<a href="javascript:showHideGB()">
[Tutup]
<a href="
http://romantis-xp.blogspot.com/2012/09/cara-terbaru-buat-like-box-facebook-keren.html" target="_blank">
Tekan Tombol Like
</a>
</a></div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.top = (125-gb.offsetWidth).toString() + "px";
</script></div>


Keterangan: Tulisan berwarna MERAH diatas ganti dengan URL fanpage sobat
lalu klik SIMPAN truzz selesai deh..! Mudah kan

1 komentar:

Diberdayakan oleh Blogger.