Cara Membuat Like Box Fanspage Facebook Di Blog Tanpa Bongkar HTML

      Hai sahabat TBS, bagaimana kabarnya ?
      17 Agustus kemarin ada lomba apa aja ditempat.

      By the way,

Hari ini TBS mau share lagi nih sama kalian, tentang gimana caranya munculin kotak like fanspage facebook seperti yang kalian lihat ketika mengunjungi blog ini.

Menggunakan Like Box Fanspage Facebook pada blog atau pun website, memiliki keuntungan tersendiri. Salah satunya adalah agar banyak yang menyukai fanspage kita, sehingga ketika kita mempromosikan sesuatu menggunakan fanspage kita. Kita bisa menjangkau lebih banyak pengguna facebook karena mereka telah menyukai fanspage kita.

Dan cara ini tidak mengharuskan kalian bongkar coding / HTML, tapi cukup menambahkan widget/gadget di kolom Tata Letak, lalu pilih HTML/Javascript. Jadi bagi yang pemula tidak perlu bingung.

Langkah selanjutnya adalah kalian copy-paste script di bawah ini :

-------------------------------------------------------------------------------------------------------------

<style type='text/css'>
/* Message Box Facebook by Taman Bacaan Safari*/
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:340px;
height:auto;
padding:16px;
background:#fff;
font:normal Dosis, Georgia, Serif;
color:#111;
border:3px 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;
}

</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><a class="murub">SUPPORT US <br/> Like and Follow</a></center>
<center><iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/tamanbacaansafari&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:215px;" allowtransparency="true"></iframe>
</center>
<!-- HTML FB End -->

<a class='close' href='#'>&times;</a>
</div>

-------------------------------------------------------------------------------------------------------------

 Jika sudah kalian paste, edit terlebih dahulu bagian yang TBS kasih warna biru.
Isi dengan kata-kata yang kalian inginkan, dan untuk link facebooknya, isi dengan link fanspage kalian,


Jika sudah, tinggal kalian klik simpan / save.

Langkah selanjutnya kalian bisa cek blog kalian, sudah berfungsi atau belum.
Sekian Cara Membuat Like Box Fanspage Facebook Di Blog Tanpa Bongkar HTML, semoga bermanfaat.