Cara Membuat Fanspage Melayang di Blog

Sobat Berbagi ~ Sobat blogger, jika sebelumnya saya membuat fanspage facebook di tempel hanya di widget bagian tertentu saja, kali ini saya akan membuat fansPage tersebut melayang atau bisa di sebut pop up like box facebook, fanspage like facebook di buat melayang atau pop up bertujuan untuk mengoptimalkan like menjadi banyak, karena setiap pengunjung masuk ke blog kita akan muncul sebuah pop up fanspage facebook agar bisa di like dengan mudah dan juga bisa di close dengan mudah.

Maka dengan menerapkan pop up fanspage facebook melayang ini sangat efektip untuk mengoptimalkan penyuka di halaman facebook anda sekaligus menjaring pengunjung agar dapat mudah meng akses artikel blog kita lewat halaman facebook, bagi anda yang ingin membuat halaman fanspage like box ada di blog anda juga sangat mudah untuk di terapkan.

Baca Juga : Cara Membuat Disclaimer Pada Blog
Bagi anda yang berniat membuat widget like facebook melayang, atau like box facebook pop up, silahkan ikuti tutorialnya.

Cara Membuat Like Box FansPage Facebook Pop Up Melayang

1. Buka akun blogger.

2. Pilih menu Tata letak > Tambah gadget > Html Javasript

3. Letakan kode di bawah ini di kolom dan klik save.

<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; } </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> <a class="murub">DI LIKE YAH GAN !</a></center> <br /> <br /> <center> <iframe src="//www.facebook.com/plugins/likebox.php?href=nabilnizamblogspotcom-1703502616528557/?ref=hl&width=262&height=400&colorscheme=light&show_faces=true&border_color&stream=false&header=false&appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:230px;" allowtransparency="true"></iframe> </center> <!-- HTML End --> <br/> <a class='close' href='#'>×</a> </div>

Catatan : 

~. Ganti tulisan "DI LIKE YAH GAN !" sesuai selera sobat

~. Ganti tulisan "nabilnizamblogspotcom-1703502616528557/"  dengan LINK fanspage sobat

4. Simpan, dan lihat perubahan nya di blog sobat !

Selamat Mencoba dan Semoga Berhasil