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("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 .
Sumber Artikel : http://blazerracing.blogspot.com/2012/04/cara-membuat-facebook-fan-page-melayang.html

Baca Juga Artikel Dibawah Ini!



11 komentar:

  1. terima kasih info yg sangat bermanfaat ini..


    #Semoga sehat selalu

    BalasHapus
  2. @Darmawan Saputra iya gan, semoga bermanfaat dan terimakasih juga atas kunjungan dan komentarnya :).

    BalasHapus
  3. makasih maz infonya...
    sukses slalu buat blognya..
    mampir ke blog ane kl berkenan om...

    BalasHapus
  4. terimakasih gan , semoga bermanfaat bagi saya ilmunya , salam kenal ya gan ..

    BalasHapus
  5. terimakasih ya gann,
    slam kenal selalu sukses gan .. !!

    BalasHapus
  6. oke mampir y http://duniagede.blogspot.com/

    BalasHapus

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

Entri Populer

 
Copyright © 2012 - 2013 Putupunyablog | Powered by Blogger