Cara Membuat Facebook Fan Page Melayang di Sebelah Kanan

Cara Membuat Facebook Fan Page Melayang-Kali ini saya akan membahas Tutorial Blog yaitu Cara Membuat Facebook Fan Page Melayang, sudah lama saya tidak membuat post mengenai dunia Blogger nah kali ini saya akan memberitahu sobat bagaimana cara membuat Facebook Fan Page melayang di sebelah kanan bagian Blog. Bagi sobat yang pengen menghemat tempat untuk melatkan Facebook Fan Page sobat, tidak ada salahnya kan mencoba membuat Facebook Fan Page milik sobat jadi melayang, selain menghemat tempat, juga bisa menambah kreativitas bog sobat. Langsung saja cara membuat nya :
  • Login ke Blog kamu.
  • 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'/>
  • Simpan Template (Perhatian : jika sobat sudah pernah memasang kode diatas abaikan saja)
  • 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/AVvXsEhzV7xpFlwev3dNv9XLtnodpGNtguG7SN82PXqT_9to7vRXHRDaNPgsInsBeTGqRBK7-SqvAa8ImuLBFphCIeSWF22F95w6YrXpQp0DHte09JFS6aGExOOiaRr6BgUzHH7P5QO_ss5CKOsV/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 artikel ini berguna untuk soba semua. Terimakasih ddan ditunggu komentarnya .
Sumber Artikel : http://blazerracing.blogspot.com/2012/04/cara-membuat-facebook-fan-page-melayang.html

Baca Juga Artikel Dibawah Ini!



11 komentar:

Silahkan Berkomentar. Dilarang Live Link. Tidak Memakai Verifikasi Kata. Berkomentarlah Dengan Sopan!.

Entri Populer

 
Copyright © 2012 - 2013 Putupunyablog | Powered by Blogger