Cara Memasang Widget Pop Up Like Facebook Pada Blog

Pop Up like facebook digunakan untuk menambah like halaman pada media sosial facebook. tentunya ini dapat menambah like dikarenakan pengunjung teriming-iming dengan artikel yang baru diperbarui dengan adanya pemberitahuan dari halaman tersebut.

Pop Up like facebook ini tidak menggunakan sistem apapun, tetapi pengunjung yang menjadi sistemnya dengan men-klik tombol suka yang muncul pada halamn blog. Tentunya pengunjung suka dengan tampilan yang responsive, oleh karena itu pop up ini dibuat responsive untuk menambahkan kenyamanan pengunjung untuk dapat menambahkan minat pengunjung.

"Bagaimana cara untuk memunculkan pop up seperti ini?" tentunya dapat dilakukan dengan mengikuti cara dibawah ini!.

 <!-- Facebook Popup Widget START --><!-- Brought to you by www.JasperRoberts.com - www.TheBlogWidgets.com -->
<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%;
}
#JasperRoberts {
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;
}
#TheBlogWidgets {
float:right;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJMxMnd5ZN5jdD7e9Ywjd-K3kL3cR7aoeMw1R2ywqXSTq9dFB_88VpXsNi409FVwmxlqKMOlVBm4WE-B0p9h0W01gIhDiHsqgcZeSQlALKxnfpKGdjfbCwHwNDR5o1bFazOK9DxVa0O8tt/s1600/TheBlogWidgets.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>
<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(3000).fadeIn('medium');
$('#TheBlogWidgets, #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='JasperRoberts'>
<div id='TheBlogWidgets'>
</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/arifsetiananda10.co.vu&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 style="color:#a8a8a8;font-size:8px;" id="linkit">Powered by <a style="color:#a8a8a8;font-size:8px;" href="http://jasperroberts.com">Jasper Roberts</a> - <a style="color:#a8a8a8;font-size:8px;" href="http://www.theblogwidgets.com">Blog</a></span></center>
</div>
</div>
<!-- Facebook Popup Widget END. Brought to you by www.JasperRoberts.com - www.TheBlogWidgets.com --> 

NOTE : Isi Tulisan Berwarna Merah Dengan Link Fanspage Blog Anda

Cara Memasang

1. Buka blog anda di Blogger.com.

2. Jika sudah masuk ke Dashboard, pilih Layout/Tata Letak di sebelah kiri.

3. Jika sudah klik, klik Add Gadget lalu pilih HTML/Java Script.

4. Lalu masukan kode yang sudah saya berikan diatas.

5. Klik Save.

Cara Merubah Waktu Munculnya Pop Up

1. Ubah tulisan yang berwarna hijau diatas yaitu Angka 3000.

2. Ganti angka 3000 dengan semau anda, yang sesuai dengan dosis dibawah ini.

1000 : 1 Detik

2000 : 2 Detik

3000 : 3 Detik

10000 : 10 Detik

3. Dan selesai.

Cukup sekian dari saya dan jangan lupa baca artikel tentang Cara Agar Seo Blog Kita Bagus