Cara Membuat Facebook Fan Page Melayang di Sebelah Kanan

Diposting oleh John Holongky Sinaga on Sabtu, 02 Juni 2012

Halo sobat sinaga ????
selamat siang menjelang sore !!!

kita membahas soal blogger lagi yuk ????

TS kali ini adalah Cara Membuat Facebook Fan Page Melayang di Sebelah Kanan

lihat SS di adatas ????
keren kan ???

oke lah kita langsung aja ya ???

  • 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("http://1.bp.blogspot.com/--tscpVzcBjo/TdUarKtcAlI/AAAAAAAAA3I/qVkypiYO9rc/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 .

{ 2 komentar... read them below if any or add comment }

hafiezers mengatakan...

izin coba gan

John Holongky Sinaga mengatakan...

Baik Silah kan gan !!!

Posting Komentar

 
FASTSEO - SEO Friendly Blogger Template Design by Tutorial SEO Blogspot