Cara memasang Fans page Facebook melayang di blog

Baca Juga

Blog tanpa Fans page Facebook sepertinya kurang lengkap dan kurang keren. Fans page Facebook juga membantu halaman Facebook yang kita buat bisa menjadi rame dan halaman Fans page Facebook juga bisa memberi petunjuk bagi pengunjung blog lebih mudah untuk menuju blog kita.

Disamping itu juga untuk lebih cepat menaikkan traffic pengunjung Fans page Facebook kita. Nah kali ini saya coba posting Cara memasang Fans page Facebook melayang di blog tentunya fans page Facebook yang melayang ini menggangu kehadirannya pengunjung, tapi blog kita akan tampak keren..

Baiklah langsung ke langkah-langkah nya membuat fans page Facebook.
Pertama silahkan kamu buat dulu fans page Facebook dulu
2. Setelah selesai membuat fans page Facebook silahkan masuk ke dashboard blog kamu
3. Pilih tata letak >>Tambah Gadget
4. Copy paste kan kodenya dibawah ini
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#fanbox {
background:white;
width:420px;
height:270px;
position:absolute;
top:58%;
left:63%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#fanclose {
float:right;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZtb-bXi-fNgUw9wE4f_SeWPy6INY2v1aNmPrGpWqV1iIhuHixryAaZXvDD0pEPVnhtKf7M8bAkyvClvHln81UeruYDClITzWTjmSeFrz7VTEppIoAINZqTT5ePnL6NuuSxuG6cfdmFov-/s1600/fanclose.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_user_login') != 'yes'){
$('#fanback').delay(100).fadeIn('medium');
$('#fanclose, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fanback'>
<div id='fan-exit'>
</div>
<div id='fanbox'>
<div id='fanclose'>
</div>
<div class='remove-borda'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/gurukita&width=402&height=255&colorscheme=light&show_faces=true&border_color=%23E2E2E2&stream=false&header=false'
style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe>
<center>
<span id="linkit"><a href="https://goo.gl/1hk8xa">Get This Widget</a></span></center>
</div>
</div>

Keterangan :
Tulisan yang berwarna orange silahkan ganti dengan alamat Fans page Facebook anda
5. Klik save dan silahkan di lihat hasilnya.

Itulah cara mudah membuat fans page Facebook melayang. Semoga bermanfaat

Mohon kesediaannya mengklik tombol share dibawah ini. Terima kasih.