Membuat Like Box FansPage Facebook Pop Up Melayang di Blog - Pada dasarnya tujuan Membuat Widget Like Box fanspage Facebook di Blog adalah agar para pengunjung blog menyukai halaman facebook yang kita kelola, sehingga Like halaman facebook yang anda kelola semakin banyak.
Kelebihan dari widget ini ialah widget akan tampil melayang di depan blog, sehingga setiap pengunjung yang masuk ke blog kita bisa langsung me-like atau meng-close widget tersebut dengan mudah. Maka dengan memasang pop up fanspage facebook melayang ini diharapkan dapat meningkatkan likers di halaman facebook anda sekaligus menjaring pengunjung agar dapat mudah mengakses artikel blog kita lewat facebook.
Ini dapat bermanfaat jika anda ingin mempromosikan artikel blog anda di halaman Fanspage Facebook anda. Karena ketika anda mempostingkan halaman blog atau website anda maka akan muncul di beranda Facebook orang yang sudah me-like Fanspage Facebook anda. Coba anda bayangkan ketika like di Fanspage Facebook anda telah berjumlah ribuan atau bahkan puluhan ribu! ini memungkinakan artikel anda akan dilihat oleh banyak orang dan tentu saja mendatangkan pengunjung yang banyak pulah diblog anda. Untuk membuat like box fanspage facebook melayang di blog silahkan ikuti langkah-langkah dibawah ini.
Cara Membuat FansPage Facebook 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">
* html #exestylepopupdiv {position:absolute;}
#exestylepopupdiv {z-index: 999999;display:block; top:0px; left:0px; width:100%; height:100%; position:fixed;margin:0; overflow-y:auto;}
.exestylepopup {width:300px; height:334px; position:fixed; top:50%; left:50%; margin-top:-150px; margin-left:-150px;}
form#exestylepopup {display:block; margin:0;}
form#exestylepopup #exefield {padding:2px; position:absolute; top:171px; left:480px; width:200px; font-size:16px; border:none; background:transparent;}
form#exestylepopup #exebutton {position:absolute; left:474px; top:214px; width:249px; height:42px; border:none; background:transparent;}</style>
<!--[if lte IE 6]><style type="text/css">/*<![CDATA[*/html {overflow-x:auto; overflow-y:hidden;}/*]]>*/</style><![endif]-->
<div id="exestylepopupdiv"><div id="exestylepopup" class="exestylepopup">
<center style="color:#000;cursor:pointer;float:right;margin-right:-20px;margin-top:-20px;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'">
<span style="color: rgb(51, 51, 255);"><img title="[Close]" alt="[Close]" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg3lc3kwGeIW7kZkLgJC9XBNi1_f___KtaynAyaTbBc5AG8kxR1C8fcqtP7c0geLKpao-gSEhvFlexD4M85l1UvrAeECI0uSeicGtvd4A4gjA7NFY3hO_ij3ade0qv6YNVdFghU2RxsQ/s40/exeideasclose.png"></span>
</center>
<form id="exestylepopup" target="popupwindow">
<div class="fb-page" data-href="https://www.facebook.com/blogger.jolinkys/" data-width="300" data-height="300" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/blogger.jolinkys/"><a href="https://www.facebook.com/blogger.jolinkys/">Blogger Jolinkys</a></blockquote></div></div>
</form></div></div>
4. Ganti
https://www.facebook.com/blogger.jolinkys dengan link fanspage facebook anda. Ganti Blogger Jolinkys dengan fanspage facebook anda.
5. Buka template editor, caranya klik tempalte, klik edit html. Pasang script dibawah ini dibawah tag
<body>
.
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '541249766052286',
xfbml : true,
version : 'v2.5'
});
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<style>
Widget Fanspage Facebook melayang dapat dikatakan sederhana karena kode yang dipakai tidak terlalu banyak. Widget ini juga bisa close sendiri ketika pengunjung mengklik di sembarang tempat, sehingga pengunjung tida tergangu dengan widget tersebut. Anda dapat menambah pemasukan anda dengan widget tersebut. Caranya, anda harus memasang iklan pop up di blog anda. Ketika pengunjung meng-close widget tersebut, ikan pop up tampil secara otomatis. Silahkan baca :
1.
Dibayar Setelah Mendapatkan Kunjungan Blog.
2.
Menghasilkan Uang Dari Setiap Kunjungan yang Masuk ke Blog.