Cara Membuat Pop-Up Like Facebook Fan Page DI Blogspot

Facebook merupakan sosial media yang paling besar di dunia. Dalam sehari facebook di akses juatan orang dari berbagai wilayah di dunia. Sebagai blogger, tentunya kita menginginkan pengunjung yang semakin meningkat dalam setiap waktunya. Facebook merupakan salah satu alat untuk mendatangkan pengunjung ke blog kita melalui Fan Page yang berhubungan langsung dengan blog kita. Semakin banyak orang yang meng-like FP kita, semakin tinggi pula kemungkinan pengunjung yang datang dari facebook.

Salah satu cara meningkatkan jumlah like pada fan page adalah Membuat Pop-Up Like Facebook Fan Page DI Blogspot. Dengandemikian ketika ada orang yang baru pertama membuka blog kita, akan muncul pop-up yang meminta pengunjung untuk meng-like fan page kita.

Facebook

Untuk membuat Pop-up ini sanagt mudah, tinggal taruh kode berikut ini di atas tag </body> template blog.

<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%;
}
#Burptech {
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;
}
#Burp {
float:right;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7_0dh_0EJFjYBSbOSKvPJCNde-CwrPw7DQi_TGV45X5Y58pDGyQQJAXrxDQaGd05epE50IeLelycKgJn64YXtW0q0fcOU_iUEzLWbSbT1-8svENqUNEjjyNOI9KLTqnntTqUoau38R9j-/s1600/Burp.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;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}
</style>

// 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(20000).fadeIn('medium');
$('#Burp, #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='Burptech'>
<div id='Burp'>
</div>
<div class='remove-borda'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?

href=http://www.facebook.com/nama_halaman_fb_kamu&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'

style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe><center>
<span id="linkit">Powered by <a href="http://manusiamandiri.blogspot.com">Swakarya D.I.Y</a> - <a href="http://www.burptech.com/2014/03/add-facebook-like-popup.html">FB Like Box Popup Widget</a></span></center>
</div>
</div>

Kustomisasi:

Masukkan url fan page facebook kamu: cari href=http://www.facebook.com/nama_halaman_fb_kamu dan ganti dengan url fb kamu

Mengubah waktu delay:

cari kode berikut dan edit angka 10000 nya, 1 detik = 1000. 60 detik = 60000

Secara default, fb like box hanya tampil saat pertama kali blog kamu di-load, jika ingin menampilkannya setiap kali blog loading maka hapuslah kode berikut:

Untuk yang masih bingung bisa di tanyakan pada kolom komentar. Terimakasih

Posted by Suzan Milvara

Cara Membuat Pop-Up Like Facebook Fan Page DI Blogspot

0 Response to "Cara Membuat Pop-Up Like Facebook Fan Page DI Blogspot"

Posting Komentar