Cara Membuat Widget Fanspage Fb Melayang Di Blog

Facebook adalah salah satu situs social media yang bisa membantu dalam kegiatan promosi bisnis anda karena situs social media ini memiliki user yang sangat banyak dan terus bertambah dari waktu ke waktu. Boleh dikatakan bahwa saat ini memiliki Facebook Fans Page adalah sebuah keharusan dalam kegiatan inbound marketing bisnis anda.

Ada perubahan yang dilakukan oleh pihak facebook pada Facebook page untuk bisnis baik pada skala kecil. Perubahan fitur baru yang selalu muncul dari waktu ke waktu maupun perubahan dalam skala yang lebih besar pada saat perubahan Facebook dalam bentuk timeline.

Tidak usah terlalu pusing untuk mencari-cari informasi bagaimana cara membuat Facebook Fans Page untuk bisnis anda, atau mencari informasi bagaimana membuat social networking anda menjadi lebih profesional. Saya akan mencoba menjelaskan caranya pada postingan ini tidak perduli anda seorang ahli atau pemula anda dapat membuat Facebook Fans Page anda terlihat lebih baik. (sumber:maxmanroe.com).

Baiklah kali ini saya akan membagikan sedikit tutorial bagaimana membuat sebuah widget fanspage fb di blog dalam bentuk mengambang di blog. Kenapa harus mengambang atau melayang? karena dalam posisi melayang di tengan halaman situs, dapat meningkatkan terjadinya like atau follow untuk FP kita.

Sekarang, bagaimana cara membuat fanspage facebook bisa melayang di blog? lebih jelasnya bisa diikuti langkah dibawah ini dengan seksama, check it out.

1. Masuk ke blogger Anda

2. Pada blog yang ingin ditambahkan widget fanspage, pilih tata letak nya

3. Tambahkan gadget HTML/JavaScript

Kemudian copy dan pastekan script fanspage fb 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'>

<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/URLFanspage?ref=hl&width=292&height=258&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:258px;" allowtransparency="true"></iframe>
</center>

<a class='close' href='#'>×</a>
</div>

4. Ganti tulisan URLFanspage dengan Id Fanspage Anda.

5. Simpan dan lihatlah hasilnya, pasti sudah muncul

Jika Anda tidak menginginkan widget fanspage nya melayang, Anda bisa memasang widget di sidebar blog nya ini dia cara nya:

Cara membuat fanspage facebook di sidebar blog

Sama halnya seperti diatas, pada widget, Anda hanya memakai beberapa bagian script diatas seperti dibawah ini:

<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/URLFanspage?ref=hl&width=292&height=258&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:258px;" allowtransparency="true"></iframe>
</center>

Nah, gimana sangat mudahkan? begitulah cara mudah membuat widget fanspage melayang dan widget fanspage di sidebar blog saja.

=Keep Spirit Gan=