Cara Membuat Popup Like Box Facebook di blog

Cara Membuat Popup Like Box Facebook di blog - Oke Halo Temen Temen Berrrrrjumpa lagi Dengan saya Usamah Hamzah Dan kali ini saya akan Memberikan tutorial Cara Membuat Popup Like Box Facebook di blog Dalam mengolah blog, tentu anda menginginkan blognya banyak dikunjungi orang bukan ? . Anda bisa meningkatkan pengunjung blog itu melalui halaman facebook, dengan cara, anda harus membagikan postingan blog anda ke halaman facebook tersebut dan juga mencari like halaman facebook sebanyak-banyaknya. Mendapatkan like halaman facebook itu sangatlah mudah yaitu dengan Cara Membuat Popup Like Box Facebook di blog , Jadi jika pengunjung menyukai blog anda maka pengunjung akan menyukai halaman facebook anda juga, agar pengunjung tersebut selalu dapat mengetahui informasi terbaru dari blog kalian melalui sosial media.

Oke Langsung saja Tutorial nya check it out 

1. Login  Ke Blogger anda
2. Pergi Ke Tata Letak > Tambahkan Gadget>HTML/JavaScript
3. Copy Code Dibawah Lalu Masukkan Ke Laman HTML tadi

<style scoped='' type='text/css'>

#fb-fanbox {background:rgba(0,0,0,0.9);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;-webkit-transform:translateZ(0);display:none;}

#fb-boxclose {width:100%;height:100%;-webkit-transform:translateZ(0);}

#fb-boxview {background:#f5f5f5;border:8px solid #3a76b4;width:339px;height:210px;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:#3a76b4;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/penausamah&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>

Penting !!!
Ganti Url Link Merah code di atas Dengan Url Fanspage Anda

Lalu Klik Save !

Oke Guys Jadi Jika ada Kesalahan Kata Ataupun Bahasa Silahkan coment aja ya
dan seperti biasa Wassalam

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: