Cara Memasang Like Box Melayang
Like Box Facebook adalah widget yang saya tempat kan di sebelah kanan sidebar blog saya,jika tulisan Facebook di klik,akan keluar Kotak Like Facebook halaman anda,dan pengunjung dapat dengan mudah mengklik nya.
Widget ini juga tidak memberatkan Blog anda alias Ringan dan tidak akan menggangu pandangan pengunjung pada sidebar,malah pengunjung mungkin dapat lebih mudah menemukan Like Box nya karena posisi Like Box ini berada di Sidebar Blog dan Melayang
Baiklah langsung saja kita ke Tutorial
1.Buka Blogger
2.Pilih Blog yang ingin dipasang,masuk ke Template lalu klik Edit HTML
3.Cari kode </head> dan letakan kode jQuery ini diatas </head>
2.Kemudian letakan Kode ini di widget tersebut
Setelah itu kalian bisa Save Widget ini
1.Buka Template lalu klik Edit HTML
2.Cari kode <body> dan letakan kode ini dibawah <body>
Setelah itu Save Template dan cek Blog anda masing masing
Resource : msdesignbd
Cukup sekian dari post ini,semoga dapat menambah informasi bagi anda.
Widget ini juga tidak memberatkan Blog anda alias Ringan dan tidak akan menggangu pandangan pengunjung pada sidebar,malah pengunjung mungkin dapat lebih mudah menemukan Like Box nya karena posisi Like Box ini berada di Sidebar Blog dan Melayang
Baiklah langsung saja kita ke Tutorial
Memasang jQuery di Blog
Sebagai Peringatan,bagi yang blog nya sudah terpasang jQuery harap melewat-kan Bagian ini1.Buka Blogger
2.Pilih Blog yang ingin dipasang,masuk ke Template lalu klik Edit HTML
3.Cari kode </head> dan letakan kode jQuery ini diatas </head>
<script src='//code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>
4.Lalu Silahkan Save Template
Memasang Like Box Facebook Melayang di Sidebar Blog
1.Masuk ke Tata Letak,lalu klik Tambahkan Widget dan pilih HTML/Javascript2.Kemudian letakan Kode ini di widget tersebut
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".msfslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.msfslikebox{background: url("http://i.imgur.com/pQGrWuH.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.msfslikebox div{border:none;position:relative;display:block;}
.msfslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.msfslikebox span a{color: #808080;text-decoration:none;}
.msfslikebox span a:hover{text-decoration:underline;}
</style><div class="msfslikebox"><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fmasdeeons&width=245&colorscheme=light&show_faces=true& connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" style="border:4px solid rgb(53, 102, 203); overflow: hidden; height: 266px; width: 240px;background:#fff;"></iframe></div></div>
3.Setelah itu ganti masdeeons dengan URL Fanspage facebook anda "contoh : www.facebook.com/fanspagegw Setelah itu kalian bisa Save Widget ini
Memasang Fb-root
Jika di template sudah terdapat script fb-root lewati langkah dibawah ini1.Buka Template lalu klik Edit HTML
2.Cari kode <body> dan letakan kode ini dibawah <body>
<div id='fb-root'/>
<script type='text/javascript'>
//<![CDATA[
window.fbAsyncInit = function() {
FB.init({
appId : '878599892159456', // replace with your app id
status : true, // check login status
cookie : true, // enable cookies
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
//]]>
</script>
Setelah itu Save Template dan cek Blog anda masing masing
Resource : msdesignbd
Cukup sekian dari post ini,semoga dapat menambah informasi bagi anda.





