Cara Memasang Widget Like Fanspage Facebook Melayang

Oleh Unknown

Sunday, October 4, 2015

Bagikan :

Tweet

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:

1. Login dulu ke Dashboard blog sobat 

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

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

Setelah sobat memilih Tata Letak > Tambahkan Gadget

3. Pilih Html.Javascript

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:

• Cara Membuat Scrool Bar Pada Widget Blog
• Cara Membuat Konten Widget Rata Tengah
• Cara Membuat Widget Berlanggan Artikel Responsif

 

Tag : Widget