Widget Like Box Facebook adalah kotak suka untuk halaman facebook yang kita kelola, Facebook sendiri adalah salah satu media sosial terpopuler sedangkan halaman facebook adalah media kita untuk memudahkan orang lain atau member melihat produk produk atau berita terbaru yang kita suguhkan.
Manfaat atau keutungan
memasang widget like box facebook adalah semakin banyak pengunjung blog maka semakin besar kemungkinan bertambah jumlah like halaman yang kita kelola. Begitu juga sebalik nya semakin banyak jumlah liker halaman kita maka semakin besar kemungkinan blog kita bertambah visitor nya.
Tapi jangan sampai gara gara
Widget Like Box Facebook khusunya yang melayang membuat blog kita makin besat loading nya, atau bahkan mengganggu pandangan sehingga pengunjung jadi malas. Bukannya pengunjung baca artikel kita atau like halaman kita yang ada pengunjung malah kabur.
Cara Membuat
Widget Like Box Facebook Melayang yang akan saya bagikan nanti tidak mengganggu kenyamanan pengunjung karena like box facebook akan muncul sebelah kanan bawah secara slide dari bawah ke atas. like box akan muncul setelah 20 detik setelah halaman selesai loading, jika menghendaki pengunjung bisa like halaman kita tapi jika pengunjung tidak menghendaki pengunjung bisa pilih close.
Untuk memasang widget like box facebook melayang silahkan anda lakukan langkah langkah berikut :
- Silahkan Login ke akun blogspot anda.
- Pada bilah menu sisi kiri , silahkan pilih menu Tata Letak.
- Silahkan pilih Tambah Gadget dan pilih area sidebar.
- Pilih gadget HTML/javascript lalu copy kode dibawah ini dan pastekan di gadget tersebut.
<style type='text/css'>
/* Message Box */
#box-message {
position:absolute;
bottom:-1000px;
right:10px;
width:300px;
height:auto;
padding:10px;
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:1px;
-moz-border-radius:1px;
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({bottom:"10px"}, 20000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='box-message'>
<!-- HTML Start -->
<center>
--LETAKAN KODE LIKE BOX FACEBOOK ANDA DISINI--
</center>
<!-- HTML End -->
<a class='close' href='#'>×</a>
</div>
Untuk mendapatkan kode like box facebook silahkan anda kunjungi link berikut
https://developers.facebook.com ikuti perintah yang ada, sampai dengan selesai.
Tunggu apalagi segera pasang widget like box facebook melayang dan rasakan manfaatnya jumlah liker halaman akan bertambah dan trafik blog anda naik.
Artikel keren lainnya:
Belum ada tanggapan untuk "Cara Membuat Widget Like Box Facebook Melayang "
Post a Comment