Cara Membuat Facebook LikeBox Melayang di Blogger, 100%Work!

Cara Membuat Facebook LikeBox Melayang di Blogger - Widget LikeBox Facebook adalah kotak atau kolom suka untuk halaman facebook yang kita kelola. Facebook sendiri adalah salah satu media sosial yang paling rame dan terpopuler di dunia. Sedangkan halaman facebook adalah media untuk memudahkan oranglain atau member melihat-lihat artikel yang terbaru atau update.
  Manfaat memasang widget LikeBox ini adalah semakin banyak pengunjung blog, maka kemungkinan akan bertama like halaman facebook kita. Begitu juga sebaliknya bila Halaman Facebook kita banyak yang menyukai, kemungkinan Visitor Blogger kita akan bertambah. Oke langsung saja kita praktekan bagaimana cara membuatnya.

1. Blogger - Login.
2. Tata Letak.
3. Tambahakan Widget HTML/JavaScript.

4. Copy - paste kode berikut ini, dan pasangkan di Widget HTML/JavaScript.

<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'>
<!-- HTML Start -->
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/MayCyber-Download-1098896160183608?ref=hl&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
</center>
<!-- HTML End -->
<a class='close' href='#'>&times;</a>
</div>

Keterangan : Silakan ganti kode yang berwarna Merah, dengan Url Fanspage Anda.

5. Simpan!
 Terakhir, anda tinggal lihat Home Blog sobat, apakah muncul Widget LikeBox Facebook nya.
Jangan lupa Like Fanspage MayCyber-Download - LIKE!

Bagaimana? Mudah bukan - Sekian dulu Tips Blogger dari saya, Semoga Bermanfaat!

Share this post

Related Post