Cara Membuat Popup Fanspage Facebook Like Box Pada Blog 2019

Panduanilkom - Pada Kesempatan Kali ini saya akan memberikan bagaimana cara membuat Popup Fanspage facebook like muncul pada sebuah blog ketika seseorang membuka blog anda. disinilah saya akan memberikan code yang harus di simpan pada blog.

Langkah Pertama.
Buka Blog anda, kemudian anda --> Tambah Gadget --> HTML/Javascript --> klik simpan dan lihatlah tampilan blog anda.

--------------------------------------------------------------------------------------------------------------------------
 <style>#fbox-background {display: none;background: rgba(0,0,0,0.8);width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 99999;}
#fbox-close {width: 100%;height: 100%;}
#fbox-display {background: #eaeaea;border: 5px solid #828282;width: 340px;height: 230px;position: absolute;top: 32%;left: 37%;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#fbox-button {float: right;cursor: pointer;position: absolute;right: 0px;top: 0px;}
#fbox-button:before {content: "CLOSE";padding: 5px 8px;background: #828282;color: #eaeaea;font-weight: bold;font-size: 10px;font-family: Tahoma;}
#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link 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) {
// 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_facebook_box') != 'yes'){
$('#fbox-background').delay(5000).fadeIn('medium');
$('#fbox-button, #fbox-close').click(function(){
$('#fbox-background').stop().fadeOut('medium');
});
}
});</script>
<div id='fbox-background'>
<div id='fbox-close'>
</div>
<div id='fbox-display'>
<div id='fbox-button'>
</div>
<div class="fb-like-box" data-href="https://www.facebook.com/wildanSains" data-width="300" data-height="300" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="false"></div>
</div>
</div>

Baca Juga: Cara Mendapatkan Uang dari Internet Tanpa Modal Terbaru

Jangan lupa anda harus merubah nama Fanspage halaman anda pada script diatas yang berwarna "merah" dengan mengganti Fanspage Facebook anda. semoga artikel tersebut membantu anda. terima kasih.

Itulah cara membuat Cara Membuat Popup Fanspage Facebook Like Box Pada Blog dengan mudah

Share this post