Membuat Fan Page Facebook Melayang

Imamz Senin, 28 Mei 2012 4 Comments

Salam sobat blogger...

Kali ini saya akan membahas tentang  Cara Membuat Facebook Fan Page Melayang. Bagi sobat yang pengen menghemat tempat untuk meletkan Facebook Fan Page sobat, tidak ada salahnya kan mencoba membuat Facebook Fan Page milik sobat jadi melayang, selain menghemat tempat, juga bisa menambah kreativitas blog sobat. 

Berikut cara membuat nya :

• Login ke Bloggger.
• Pilih Rancangan, Pilih Edit HTML.
• Cari kode </head>, setelah ketemu copy kode di bawah ini tepat diatas kode </head>

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

• Kemudian Simpan Template 
• Kembali ke Menu Rancangan > Add Gadget > HTML Java Script.
• Copy kode di bawah ini:

<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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0YnghzJ2sTDhXnohHknGC-vQoykxRaw4_DdeDPxzDwWVdhzW75MgHVrZeMR0Yx3S8T-1YtGSdTkPiSF6Dz-_zTuh71zOme1YOzkQvqy9hg39sDexkrb4S3I22qRD_fH1ALYdCjx-_dGyN/s150/w2b_facebookbadge.pn") 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="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlazer-Blog%2F193419544081467&amp;width=270&amp;height=245&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true&amp;appId=138085536301890" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:270px; height:245px;background:fff" allowtransparency="true"></iframe></div></div>

Ganti kode yang berwarna merah dengan Kode Facebook Fan Page atau kode widget lainnya, milik kamu.

Semoga info diatas bermanfaat...