Cara Memasang Widget Like Fanspage Facebook Melayang

SepintasSeo - Widget like Fanspage Facebook melayang saat ini adalah widget yang paling banyak di pasang pada blog-blog dan jarang sekali ada blog yang meletakkan widget Like ini pada Sidebar.

Cara Mudah Memasang Widget Like Fanspage Facebook Melayang di Blog

Apakah penting harus memasang widget like fanspage facebook melayang di Blog ?
Iya penting, karena dengan menerapkan widget melayang ini jumlah like untuk Fanspage anda akan naik drastis dengan cara memaksa pengunjung blog menekan tombol like.

Lalu bagaimana cara memasang widget like fanspage facebook melayang pada Blog ?
Memasang widget like fanspage facebook melayang di blog sangatlah mudah, cukup dengan menambahkan script khusus ke dalam widget baru ke Blog sobat. Silahkan di simak dengan baik-baik tutorial saya:

Cara Memasang Widget Like Fanspage Facebook Melayang di Blog

1. Login dulu ke Dashboard blog sobat 

Setelah berada di Dashboard Blog, pilih "Tata letak".


Cara Memasang Widget Like Fanspage Facebook Melayang di Blog


2. Pilih dimana sobat akan meletakkan Script widget like FP melayang ini

Setelah sobat memilih Tata Letak > Tambahkan Gadget


Cara Memasang Widget Like Fanspage Facebook Melayang di Blog

3. Pilih Html.Javascript

Cara Memasang Widget Like Fanspage Facebook Melayang di Blog

4. Silahkan Copas kan script dibawah ini

<style type='text/css'> /* Message Box */ #box-message { position:fixed !important; position:absolute; top:-1000px; left:50%; margin:0px 0px 0px -182px; width:300px; height:auto; padding:16px; background:#fff; font:normal Dosis, Georgia, Serif; color:#111; border:2px solid #333; -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } #box-message a.close { position:absolute; top:-10px; right:-10px; background:#fff; font:bold 16px Arial, Sans-Serif; text-decoration:none; line-height:22px; width:22px; text-align:center; color:#111; border:2px solid #333; -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-border-radius:22px; -moz-border-radius:22px; border-radius:22px; cursor:pointer; } #twitterx { background: #EEF9FD; padding: 10px; text-align:center; border: 1px solid #C7DBE2; border-top: 0; } </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <script type='text/javascript'> $(window).bind("load", function() { // Animate Top Value When Page Loaded Completed $('#box-message').animate({top:"50px"}, 1000); // Remove Mailbox When Close Button On Click $('a.close').click(function() { $(this).parent().fadeOut(); return false; }); }); </script> <div id='box-message'> <!-- HTML Start --> <center> <iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/urlpagekamudisini?ref=hl&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe> </center> <!-- HTML End --> <a class='close' href='#'>&times;</a> </div>

 Keterangan: http://facebook.com/urlpagekamu ganti dengan url Fanspage sobat sendiri

5. Klik Simpan jika sudah dimasukkan 

Nah sekarang lihat hasilnya pada blog sobat, sangat mudah bukan Cara Memasang Widget Fanspage Facebook Melayang di Blog. Jika ada pertanyaan lain, silahkan berkomentar ya :D

Baca juga:

2 Responses to "Cara Memasang Widget Like Fanspage Facebook Melayang"

  1. klo di pasang widget melayang nanti mengurangi nilai seo blogkagak gan ?

    ReplyDelete
  2. Iya iframe ini, mengurangi nilai seo. tapi ya gak apa2, nambah2 fanspage.

    ReplyDelete

Berikan Saran dan Komentar Anda Jika menurut Anda Berguna :)