Cara Membuat Popup Like Facebook di Blog

Cara Membuat Popup Like Facebook di Blog

Popup Like Facebook Android Indonesia Cara Membuat Popup Like Facebook di Blog – Salam sejahtera kawan setia pembaca Veevandro Blog y... 9:42:00 AM

Popup Like Facebook Android Indonesia

Cara Membuat Popup Like Facebook di Blog – Salam sejahtera kawan setia pembaca Veevandro Blog yang semoga selalu mendapat kebahagiaan. Minggu ini kami ingin berbagi yang berkenaan tentang Tips Blog kepada kawan semua. Tips yang kami bagikan ini adalah tentang bagaimana Cara Membuat Popup Like Facebook di Blog dengan tampilan yang simple dan keren.

Popup Like Facebook merupakan sebuah widget yang berfungsi untuk memunculkan jendela mengambang facebook (fanspage) dalam bentuk box  yang muncul pada saat orang lain mengunjungi blog kalian. Memang, model widget yang seperti ini terasa memaksa pengunjung untuk melakukan klik like. Namun, popup yang keluar pada nantinya tidak akan muncul sebagaimana iklan popup yang terus menerus. So, cukup sekali keluar diawal saja.

Kegunaan memasang widget ini bagi fanspagemu adalah bisa mempercepat banyaknya like di fanspage mu. Keuntungan selanjutnya, jika fanspagemu sudah banyak pengjung yang melakukan klik like, sudah tentu artikel yang kamu publikasikan di fanspage akan semakin banyak dilihat orang dan itu akan selaras dengan visito pengunjung blog kamu.

Baca Juga :

Cara membuat widget breaking News
Cara membuat widget arsip blog bergaya Scroll
Cara menampilkan jumlah pengunjung di blog
Cara membuat widget recent post bergaya Slide

Tertarik?? Ikuti tutorial yang kami sajikan dibawah ini. Tutorial yang dipaparkan cukup mudah dipahami dan gampang dipraktekkan.  Simak baik baik dan jangan sampai salah ya gan.

1.      Login ke Dasbor blog kamu

2.      Pilih Opsi Tata Letak pada opsi di dasbor

3.      Klik add gadget -> HTML/Javascript -> Pindahkan kode berikut disana.

       <style scoped='' type='text/css'>
#fb-fanbox {display:none;background:rgba(0,0,0,0.9);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;-webkit-transform:translateZ(0);}
#fb-boxclose {width:100%;height:100%;-webkit-transform:translateZ(0);}
#fb-boxview {background:#fff;border:8px solid #03a9f4;width:340px;height:230px;position:absolute;top:33%;left:37%;border-radius:3px;}
#fb-closebox {float:right;cursor:pointer;position:absolute;right:-1px;top:-2px;z-index:2;}
#fb-closebox:before {content:"CLOSE";padding:5px 8px;background:#03a9f4;color:#fff;font-weight:normal;font-size:10px;font-family:inherit;}
#fb-boxlink,#fb-boxlink a.visited,#fb-boxlink a,#fb-boxlink a:hover {color:#aaaaaa;font-size:9px;text-decoration:none;text-align:center;padding:5px;}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// Pengaturan 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(''));
}
// Dapatkan 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_facebook_box') != 'yes'){
$('#fb-fanbox').delay(3000).fadeIn('fast');
$('#fb-closebox, #fb-boxclose').click(function(){
$('#fb-fanbox').stop().fadeOut('fast');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fb-fanbox'>
<div id='fb-boxclose'>
</div>
<div id='fb-boxview'>
<div id='fb-closebox'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/veevandro&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border:none;overflow:hidden;width:339px;height:200px;'></iframe>
</div>
</div>

Jangan Lupa untuk mengganti LINK yang berwarna merah dengan Link Fanspage mu kawan.

Klik simpan dan lihat hasilnya kawan.

Semoga berhasil

Demikian tutorial mengenai Cara Membuat Popup Like Facebook di Blog

jangan lupa subscribes untuk mendapat kiriman tips blog terbaru ya kawan

J