sebelumnya buat Facebook fanpage dulu Disini
1. silahkan login ke dashboard blogger kamu
2. Setelah berada dalam halaman dashboard kamu, silahkan pilih salah satu blog yang ingin kamu sisipkan kotak like facebook melayangnya :
3. setelah di dipilih salah satu blog pilih lagi "tata letak" seperti di bawah ini
4. setelah itu kamu akan melihat layout blog seperti gambar di bawah anda klik yang seperti di lingkari
maka akan keluar pop up windows seperti di bawah lalu pilih “HTML/Javascript”
selanjutnya akan keluar windows seperti di bawah ini
lalu copy paste kan scrip di bawah ini kedalam kotak seperti di atas
<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/urlpagekamudisini?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>
<!--
HTML End -->
<a
class='close' href='#'>×</a>
</div>
yang berwarna merah anda ganti dengan url fb fanpage anda
5 setelah itu klik simpan dan silahkan coba buka blog anda untuk melihat hasilnya!!
Itulah tutorial dari saya semoga bermamfaat terima kasih
