3 Nov 2013

Cara Membuat Fanpage Blog Melayang Di Sebelah Kanan

     Selamat malam sahabat blogger, Kali ini saya akan membahas Tutorial Blog yaitu Cara Membuat Fanpage Blog Melayang Di Sebelah Kanan , Bagi seorang bloger FanPage sangat di butuhkan karena pada saat ini google mulai melirik Facebook sebagai sarana sosial, selain itu juga meningkatkan blog kita dalam SEO, berikut ini salah satu Fungsi dari FanPage : 
    1. Sebagai ajang membangun networking
    2. Mendongkrak popularitas website
    3. Memperkuat komunikasi Anda dengan pelanggan
    4. Menjadi sarana tepat untuk mengamati kebutuhan pasar
    5. Membuka peluang promosi dari mulut ke mulut    
    6. Menghemat ruang di blog


Langsung aja ke TKP:

  • Sebelumnya sobat harus mempuanyai FanPage Facebook
  • Jika belum daftar di SINI 
  • Login ke Blog kamu.
  • Pilih Rancangan, Pilih Edit HTML.
  • Cari kode </head>, setelah ketemu copy kode di bawah ini tepat diatas kode </head>untuk emudahlan pencarian silahkan tekan Cnrl+F,
    <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 mengenai Cara Membuat Fanpage Blog Melayang Di Sebelah Kanan . Terimakasih ddan ditunggu komentarny

4 komentar

click to leave a comment!

Tingkat kecerdasan, kebijaksanaan dan kearifan seseorang bisa dinilai dari bobot serta kualitas isi pembicaraannya
EmoticonEmoticon