Assalamualakum wr.wb.
Selamat malam, kali ini saya akan membahas bagaimana cara membuat Fans page facebook ata like box fans page facebok yang bisa melayang di blog kita.
selain agar terlihat sebagai blog keren dan profesional fans page facebook bisa dapat kita gunakan sebagai media untuk Meningkatkan trafik blog kita caranya ya dengan membuat status dengan link ke postingan kita di halaman tersebut.
oke lanjut saja , silakan ikuti caranya.!
- silakan masuk ke blog anda
- pilih Tata Letak kemudian pilih tambahkan gadget
- setelah muncul tampilan selanjutnya, lalu pastekanlah kode berikut 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'>
<!-- HTML Start -->
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/DeryeTheCellular?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>
NB : GANTILAN WARNA MERAH DENGAN URL HALAMAN FANS PAGE FACEBOOK ANDA
jika anda belum tau cara mengetahui url halaman/fans page facebook kamu, ikuti cara berikut,
- log in dulu akun facebook kamu.
- klik halaman yang akan dimasukan ke blog biasanya letaknya ada di sebelah kanan dibawah pemberitahuan
- setelah masuk silakan klik halaman yang ada di kiri atas halaman fb biasanya di bawah logo fb dan pencarian.
kurang jelas, silakan lihat gambar
url nya saya lingkari
oke lanjut silakan copykan url nya ganti url yang berwarna merah tadi
klik simpan..
dan lihat blog anda,
demikian semoga berhasil yah.
ADS HERE !!!