0 Fanspage Facebook Melayang 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.

1. Login ke blogger atau klick  [HERE] 

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:left;margin-left:200px; border:2px solid #FF0000; background:#000; 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>

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FRahmanDeCheaterz%2F513084058706007&amp;width=250&amp;height=258&amp;colorscheme=dark&amp;show_faces=true&amp;border_color=%23ff0000&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe>

</center>

<script type="text/javascript">

var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px";

</script></div>

</div>

Catatan: 
Tulisan yang berwarna Biru silahkan sobat ganti dengan script fans facebook bisa juga script iklan . 

Jika Tidak Tahu Scrip nya Kunjungi Facebook

Berikut Gambar nya

4.Kemudian yang terakhir simpan dan liat hasilnya !

                                         Semoga artikel ini bermanfaat, Happy blogging 

RB Related Post:

Tutorial Blog

• Cara Menghilangkan Nomor Pada Blog Archive
• Membuat Efek Link Memudar Blog With JQuery
• Cara Membuat Scroll Pada Widget Blog
• 3 Widget Indcread's dengan efek Bergetar Dan Onklik
• Anti Klik Kanan Dengan Gambar | New Version
• cara membuat menu di bawah header
• Pasang Widget Alexa Rank Tanpa perlu Register
• Membuat Link Sumber Pada Postingan Yang Di Copas Orang Lain
• DIBUKA Jasa Pembuatan Blogg
• Download Adobe Photoshop cs 6
• Cara Membuat BlogRoll
• Cara Merubah Warna Text Ketika di Blok
• Post Title
• Disable Klik Kanan, CTRL+A (Block) & CTRL+U (Source) di Blog
• Cara Membuat Tooltip Otomatis Semua Title
• Cara Membuat Link Membuka Di TAB Baru
• Yahoo.Com Template Blogger
• Free Download Template Green Transparent | Cah Dabloeng
• Cara Ganti Teplate
• Cara Membuat Background Petir
• Download Lagu MP3 Player (Tanpa Perantara)|™Rahman De Cheaterz™
• Compress Html Kalian |™Rahman De Cheaterz™
• Cara Membuat Menu Accordion di Blog
• Membuat Efek Link Memudar Blog With JQuery