Cara membuat floating Facebook Fan page

Taukah sobat Apa itu Floating Facebook Fan Page ? 
Kalau sobat melihat ke sisi kanan blog Poetra86, ada icon facebook di sana. Coba geser kursor sobat di sana ...
seperti itu floating fan page. Mari kita buat ...




Langkah Pertama :

«̶ː̖́[ Dari Dashboard ╚» Design╚» edit HTML
«̶ː̖́[ Menggunakan fungsi find, (ctrl + F), cari kode : </head> 
«̶ː̖́[ Copy dan paste kode di bawah ini SEBELUM kode </head> 

    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>    

notes : jika sobat sudah menemukan kode ini di template sobat, abaikan langkah 1. Langsung ke langkah 2. O'ya, jika kode di atas belum ada, Paste kemudian Save/Simpan dulu.

Langkah Kedua :

• Dari dashboard╚» design╚» page element╚» add a gadget╚» HTML/javascript
• Copy dan paste kode di bawah ini dalam ruangan HTML/javascript yang telah dibuka

<script type="text/javascript">                                                                                                    
//<!--                                                                                                                                         
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});                         
//-->                                                                                                                                          
</script>                                                                                                                                   
<style type="text/css">                                                                                                               
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-                                                    K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center             transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-    index: 99999;position:fixed;right:-250px;top:20%;}                                                                         
.w2bslikebox div{border:none;position:relative;display:block;}                                                            
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position:              absolute;right: 6px;text-align: right;z-index: 99999;}                                                                         
.w2bslikebox span a{color: #808080;text-decoration:none;}                                                                 
.w2bslikebox span a:hover{text-decoration:underline;}                                                                       
</style><div class="w2bslikebox" style=""><div>                                                                            
                                                                                                                                                 
<iframe src="http://www.facebook.com/plugins/likebox.php?href=URL FAN PAGE                               ANDA&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stre am=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium  none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a                  href="http://poetra86.blogspot.com/2012/10/cara-membuat-floating-facebook-fan-page.html">ADD     GADGET</a></span></div></div>                                                                                                  

Ganti tulisan yang berwarna merah dengan alamat/URL fan page sobat.

«̶ː̖́[ Simpan/Save

«̶ː̖́[ Selesai