Cara Memasang Fanspage facebook Melayang di pinggir blog (floating)

Cara Membuat Fanspage Melayang di pinggir blog - kalau kemarin saya baru share tentang fanspage melayang yang super unik sekrang saya akan membahas trik blogger yang sedikit berbeda yaitu cara membuatnya ada di pinggir blog. sedikit penjalasan tentang cara yang saya share berikut adalah fanspage yang bisa sobat gunakan di blog agar blog semakin terlihat luas karena fanspage facebook berada di samping blog dan hanya akan kelihatan jika mouse di sorotkan ke arahanya. contohnya yang bisa sobat lihat secara langsung A(demo) adalah milik blog saya yang saya letakkan di bagian kanan blog saya. untuk membuatnya sangat lah mudah hanya beberapa copy code sobat langsung bisa melihat hasilnya. oke untuk langsung praktek mari kita mulai.

Cara membuat Fanspage melayang di pinggir blog (floating)

1. Seperti biasanya sobat masuk ke blogger milik sobat 
2. Masuk Layout -tambahkan gadget - pilih HTML/javascript
   
   
3. Silahkan copy kode wartna biru yang ada di bawah ini dan gantikan kode warna merah dengan kode alamat fanspage milih sobat sendiri,
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript">
   </script>
   <script type="text/javascript">
   //<!--
   $(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
   //-->
   </script>
   <style type="text/css">
   .floatinglikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD-gLp1BXA0KddD1HebeIOLo024HlxEjWMijUOvJ4L_Qwcycgz68kX70QqF2SyLRqidTOHkEuw_tDCKC0LNSzMPMdacYdu2uVQ2iBAJdZTVTK-BfDIlFADvKxhLeEugSpC4_zA7afyRs8/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
   .floatinglikebox div{border:none;position:relative;display:block;}
   .floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
   .floatinglikebox span a{color: #808080;text-decoration:none;}
   .floatinglikebox span a:hover{text-decoration:underline;}
   </style><div class="floatinglikebox" style="">
   <div>
   <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsohibsannamdotcom&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true">
   </iframe>
   <div align="right"><span style="font-size: xx-small;background:#fff;"><a href="http://www.bloggertips.gr" target="_blank">BloggerTips.gr</a></span></div>
   </div></div>
4.  Simpan kode tersebut dan buka blog sobat 

terima kasih dan selamat mencoba semoga berhasil