Cara Membuat Facebook Like Melayang Di Blog
Cara mudah membuat facebook like box di blog. Facebook lie box melayang di blog ini hanya berlaku untuk blogger tidak berlaku untuk facebook like di wordpress, karna JavaScript ini tidak sesuai dengan platforn mereka. Untuk memasang facebook like box melayang di blog ini cukup mudah, anda hanya perlu menyisipkan sedikit kode anda ini ke blog anda.
Sebagai gambaran bisa anda lihat gambar dibawah ini.
Baca juga : Cara Membuat Halaman Fans Fack di Facebook.
Jika anda mau memasang facebook like box melayang di blog anda maka ikuti tahap-tahap berikut ini agar berhasil dalam pemasangan.
Jika anda mau memasang facebook like box melayang di blog anda maka ikuti tahap-tahap berikut ini agar berhasil dalam pemasangan.
1. Silahkan masuk ke blogger anda.
2. Masuk ke dosbar dan pilih laman tata letak.
3. Pada laman tata letak tambahkan gadget dan pilih gadget HTML/JavaScript.
4. Masukkan kode dibawah ini pada gadget HTML/JavaScript tanpa judul.
<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/newbie.tora?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>
Ket : Ganti yang berwarna biru dengan facebook like anda.
5. Simpan dan selesai.
Setelah anda simpan maka refress blog anda dan lihat hasilnya, facebook like melayang sudah terpasang di blog anda bukan, semoga bermanfaat.
Sekian dan salam jabat tangan.