Cara Mudah Memasang Widget Like box Fanspage Facebook Melayang. kali ini saya akan share cara membuat widget like box fanpage facebook melayang di blog. sebenarnya kegunaan fanspage facebook untuk blog adalah utuk memudahkan fanspage atau halaman yang kita kelola untuk mendapatkan like. setelah halaman fanpage facebook sudah mendapatkan like banyak, maka blog kita juga bisa mendapatkan dari fanpage facebook yang kita buat tersebut caranya dengan mengepostkan artikel yang kita buat ke fanspage kita supaya orang dapat menuju ke blog kita.
Cara membuat like box fanspage facebook melayang di blog dengan mudah
1. masuk ke akun blog anda
2. masuk ke layout / tata letak
3. Klik add a Gadget
4. Pilih HTML/JavaScript
5.Lalu masukan kode Html/javascript di bawah 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><a class="murub">Like untuk mendukung agar tetap berkarya</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/Cirebon.Chikafe?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 -->
<br/>
<div class="twitter">
<!-- Twitter --> <iframe title="" style="width: 250px; height: 20px;" class="twitterx-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351& align=&button=blue&id=twitter_tweet_button_0& lang=ID&link_color=&screen_name=fujianto21&show_count=& show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe> </div>
<div style="text-align: center;">
<a href="http://fujianto21-chikafe.blogspot.com/2013/10/cara-membuat-fanspage-melayang-di-blog.html" target="_blank">Get This Widget</a></div>
<a class='close' href='#'>×</a>
</div>
6. Ganti kode berwarna merah dengan Url fanspage facebook kita
7. Ganti kode berwarna biru dengan teks supaya orang tertarik untuk like fanspage kita
8. Ganti kpde berwarna hijau dengan akun twittr
9 Save dan lihat hasilnya.
Jika hasilnya gagal atau tidak keluar fanpage facebook melayang di blog itu berarti ada yang salah dalam membuatnya. lakukan lagi dengan teliti dan jika tetap tidak mau muncul biasana template yang anda gunakan tidak cocok, karena saya pernah mencoba ada beberapa macam template yang tidak cocok dengan fanpage facebook melayang di blog. maka coba gantilah template blog anda. baca juga
Cara Membuat Widget Artikel Terbaru di Blog keren dan Unik
ADS HERE !!!
