Cara Membuat Facebook Like Box Melayang di Blog



Cara Membuat Facebook Like Box Melayang  di BlogSaat ini saya akan memberikan tutorial tentang Cara Membuat Facebook Like BoxMelayang di Blog, seperti yang terlihat di sebelah kanan blog saya.
Facebook Like Box Melayang  di Blog

Biasanya kita memasang  FB Like Box ini di sidebar atau bottom bar. Tentunya hal ini bertujuan supaya blog atau web kita lebih dikenal, dan akhirnya traffic akan meningkat. Akan tetapi apabila kita scroll mouse ke atas atau bawah, FB Like Box pastinya ini tidak terlihat. Atau mungkin kita kebingungan untuk menempatkannya, karena kehabisan space.

Yup, ini dia cara pembuatan Facebook Like Box Melayang di Blog.

Menambahkan Jquery Plugin
1. Login ke Blogger
2. Klik Dasbor>Rancangan>Edit HTML
3. Cari kode

</head>

4. Tambahkan kode ini diatas </head>

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

Abaikan langkah ini apabila template anda sudah terinstall Jquery Plugin.

Menambahkan Kode HTML pada Widget
1. Klik Dasbor>Rancangan>Tambah Gadget>HTML/JavaScript
2. Copy kode dibawah ini

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.floatinglikebox{background: url("http://3.bp.blogspot.com/-VXmAJdQRHJ8/Tra8E16fZGI/AAAAAAAAClg/o5M632x9qX8/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.floatinglikebox div{border:none;position:relative;display:block;}
.floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.floatinglikebox span a{color: #808080;text-decoration:none;}
.floatinglikebox span a:hover{text-decoration:underline;}
</style><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FBlogMasHanif&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe><span><a href="http://blogmashanif.blogspot.com/2012/07/cara-membuat-facebook-like-box-melayang.html" target="_blank">+Get This!</a></span></div></div>

3. Ganti http%3A%2F%2Fwww.facebook.com%2FBlogMasHanif dengan Facebook Fan Page Anda.
4. Lalu Simpan


Catatan:

Sebelum menyimpan URL Facebook anda, ganti kode-kode pada URL.
dengan %3A
/ dengan %2F

Misalkan URL Facebook anda :

http://www.facebook.com/pages/fbanda/123456

menjadi

http%3A%2F%2Fwww.facebook.com%2Fpages%2Ffbanda%2F123456

Sekian kurang lebihnya mohon maaf, jika anda berkenan tolong follow blog ini, anda juga bisa request Software dan Tutorial ke saya dengan cara like dan comment di FP blog ini.  Baca juga artikel tentang Cara Merubah Cursor Pada Blogger, Kaspersky Internet Security 2012, Cara Memasang Buku Tamu Tersembunyi di Blogger, Download Avast 2012 Pro.

Anda sedang membaca Artikel tentang Cara Membuat Facebook Like Box Melayang di Blog dan anda bisa menemukan Artikel Cara Membuat Facebook Like Box Melayang di Blog ini dengan URL http://blogmashanif.blogspot.com/2012/07/cara-membuat-facebook-like-box-melayang.html. Diharapkan agar tidak melakukan copy paste terhadap Artikel Cara Membuat Facebook Like Box Melayang di Blog ini, untuk pengutipan harus meletakkan link Cara Membuat Facebook Like Box Melayang di Blog sebagai sumbernya.

Enter your email address:

readers

22 komentar:

  1. Thanks sudah berbagi ilmunya, sukses selalu...

    BalasHapus
  2. thanks ya sahabat.. info nya sangat bermanfaat..
    salam kenal

    salas-madrid

    BalasHapus
  3. bagaimana cara mengetahui facebook fans page kita...??

    BalasHapus
  4. thanks informasinya sobat......
    kapan-kapan mampir juga ea ke blog ane.....
    http://padang-anonymous.blogspot.com/

    saya ucapkan banyak terimakasih,,,,

    BalasHapus
  5. makasih mas atas tutorial nya...

    BalasHapus
  6. thanks atas infonya
    kapan-kapan mampir ke blog ane ya
    http://boenk.blogspot.com

    BalasHapus
  7. mkasih bayk gan, ini berguna sekali :D

    BalasHapus
  8. Thank atas infonya sekaligus ilmunya Mass....

    BalasHapus
  9. keren sob. mksih atas infox.. :D (y)

    BalasHapus
  10. thanks mas bro..kpn2 knjungi http://charisblogger.blogspot.com/ yah..

    BalasHapus
  11. mas aku masih bingung ni....cara buat like facebooknya......mohon bantuanya..........

    BalasHapus
  12. Terima kasih atas triknya bro....bermanfaat....siip

    BalasHapus
  13. cara mengatur Tampilan menu Bar gmna?

    BalasHapus
  14. mantap mas saya nyimak aja

    BalasHapus
  15. mantap sob saya pasang di blog satu lagi

    BalasHapus

Berkomentarlah dengan sopan dan bijak. Dilarang berkomentar dengan menyertakan link hidup atau unsur yang berbau spam. Jika ingin minta followback silahkan dan jangan sungkan, karena saya juga senang jika teman saya bertambah.