Cara Memasang Like Box Melayang

Dionimouz

Dionimouz adalah sebuah blog yang saya buat untuk berbagi bersama, serta berbagi tutorial blogging dan juga info menarik.

Jangan lupa tinggalkan komentar, dan juga semoga Blog ini dapat bermanfaat bagi kalian semua :) Thanks.

Google Plus

Facebook

Twitter

Join this blog

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

Memasang jQuery di Blog

Sebagai Peringatan,bagi yang blog nya sudah terpasang jQuery harap melewat-kan Bagian ini

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>

<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/Javascript
2.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&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp; connections=9&amp;stream=false&amp;header=false&amp;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 ini

1.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.

Cara Memasang Like Box Melayang

4/ 5

Oleh Unknown

InfoDegan

Jumat, 25 Desember 2015