Facebook menjadi salah satu alternative untuk meningkatkan jumlah pengunjung blog dengan melakukan share artikel blog di fanspage facebook.
Fanspage merupakan sebutan untuk halaman pribadi yang bisa kita buat untuk melakukan interaksi seperti share link, video, photo, hingga status. Apa bedanya dengan akun biasa?
AKun bisanya memang bisa digunakan untuk share link, video hingga photo juga, namun sifat dari fanspage lebih ke profesional dan bersifat publik, berbeda dengan akun pribadi yang mana akun pribadi bersifat khusus orang-orang yang akan menjadi teman anda.
Lagi pula dalam fanspage tidak ada batasan berapa banyak orang yang mengikuti, maka fanspage memang lebih baik digunakan untuk share artikel blog bkan.
Memasang Widget Fanspage Melayang di Blog dengan tombol close.
Hal khusus untuk meningkatkan jumlah pengikut atau like halaman blog di facebook adalah dengan menampilkan fanspage di blog itu sendiri. Sebelumnya anda haruslah memiliki fanspage, jika anda tidak tahu cara membuat fanspage facebook ikuti tutorial sebelumnya cara membuat fanspage facebook.
Saya anggap anda telah membuat dan mempunyai fanspage untuk blog anda, lalu sekarang kita akan memasangkan fanspage dengan blog, namun hasil dari cara ini akan sedikit mengganggu pengunjung anda. Silahkan ikuti jika ingin mencobanya.
- Buka dashboard blogger.
- Klik menu Tata letak.
- Klik Add widget dan pilihlah HTML/Jawascript.
- Copy dan Pastekan kode membuat widget fanspage melayang berikut ini.
<!-- FB melayang tombol close | KENSCRIPTS-->
<style type='text/css'>
#kotak-facebook {
position:fixed !important;
position:absolute; /* IE6 */
bottom:-1000px;
right:40%;
margin:0px 0px 0px -182px;
width:310px;
height:auto;
padding:16px;
-webkit-box-shadow: 0px 0px 7px #222;
-moz-box-shadow: 0px 0px 7px #222;
box-shadow: 0px 0px 7px #222; background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;
color:#111;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;}
#kotak-facebook a.close {
position:absolute;
top:-10px;
right:-10px;
background:#333;
font:bold 16px Arial,Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#fff;
border:2px solid #fff;
-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;
cursor:pointer;
}
</style>
<script type='text/javascript'>
$(window).bind("load", function() {
// animasikan nilai top saat halaman telah selesai dimuat
$('#kotak-facebook').animate({bottom:"50px"}, 1000);
// hilangkan kotak pesan saat tombol (x) di klik
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='kotak-facebook'>
<p style=" margin-right:10px; font-size:15px; color:#000000;">Please Bantu Saya,<blink> Like This !!!</blink> </p>
<!-- Mulai -->
<div class="fb-like-box" data-href="https://www.facebook.com/Kenscripts" data-width="292" data-show-faces="true" data-stream="false" data-show-border="true" data-header="true"></div>
<!-- Selesai KENSCRIPTS-->
<a class='close' href='#'>×</a>
<p style=" float:right; margin-right:35px; font-size:10px;" >Powered By <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://kumpulan-adsen.blogspot.com/">Blogger Widget</a> and <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://bos-tutorial.blogspot.com/2013/07/inilah-memasang-widget-like-box.html">Get This Widget</a></p>
</div>
Catat :
1. Ubah script dengan background warna kuning diatas dengan script halaman facebook yang kalian buat,
2. Jika gagal ulangi dari awal.
Baca : Menulis artikel dengan seo friendly dan user friendly
Demikianlah Cara membuat widget melayang untuk fanspage facebook, meskipun seditit mengganggu pengunjung namun jika konten yang disuguhkan unik percaya deh pasti tetap banyak pengunjung. Sekian dari saya.