Cara Menciptakan Fanspage Facebook Melayang Di Blog Terbaru

Untuk mendapat banyak traffic sebuah situs salah satunya adlah melalui sosial media menyerupai facebook, twitter, gugle plus jadi sangat baik untk menghubungkan blog, wordpress, WEBsite dengan media sosial. Sebelumnya aku pernah share Trik Membuat Widget Like Box Facebook yang biasanya dipasang pada sidebar maupun footer blog, sedangkan untk tutorial ini berbeda alasannya ialah kita akan memasang fanspage facebook setips melayang di halman / page blog yang bentuknya keren dan memakai tombol close jadi pengunjung tidak akan terganggu oleh gadgett likebox fans page fb ini. Adapun kegunaan menampilkan / menambahkan fan page facebook pada blog yaitu biar pengunjung sanggup menyukai fanspage kita tanpa terkecuali, semakin banyak yang like maka akan semakin elok lantaran setiap kali teman share article / postingan di fanspage fb maka akan muncul juga di beranda orang yang sudah like fanspage sobat setips otomatis jadi sangat baik buat teman memasang fanspage facebook ini dengan tips menciptakan gadgett gres pada lakamut dan memasukkan bbrapa script kode.

Kali ini aku akan share gimana Trik Membuat Fanspage Facebook Melayang Di Blog Terbaru, silahkan ikuti tutorial langkah langkah berikut lengkap beserta gambarnya buat teman yang ingin memasang like box fans page fb melayang pada blogspot.

Trik Membuat Lika Fan Page Facebook Di Blogger Setips Float :

1. Bikin pop up Fanspage FB menyerupai diatas yaitu dengan tips masuk hidangan Lakamut atau Tata Letak dan klik Tambahkan gadgett

2. Kemudian klik tombol tambah pada HTML/Javascript

3. Setelah itu masukkan semua aba-aba berikut ke dalam kotak konten :

<script src='http://ajax.gugleapis.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(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/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_yuser_login') != 'yes'){
$('#fanback').delay(100).fadeIn('medium');
$('#fanclose, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_yuser_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>
<ifmemory rame allowtransparency='true' fmemory rameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/tipszain&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;'></ifmemory rame>
<center>
<span id="linkit"><a href="https://goo.gl/1hk8xa">Get This Widget</a></span></center>
</div>
</div>

#Ganti goresan pena warna merah dengan alamat fanspage facebook sobat

Jika sudah teman sanggup eksklusif klik Simpan..

4. Terakhir klik tombol Simpan setelan.. Selesai

6. Berikut adlah tampilan blog yang berhasil dipasang like box fanspage facebook keren yang melayang ketika awal membuka blog :

Nah itulah gimana tips menciptakan fanspage facebook melayang di blog dengan gampang dan cepat.

Silahkan dicoba