Tutorial Simple Cara Membuat Popup Like Page Facebook di Blog 2016

Tutorial Simple Cara Membuat Popup Like Page Facebook di Blog 2016 - like facebook adalah bahan lunak yang paling orang sukai, dengan cara anda memberi Like Page Facebook pada blog anda. anda akan tahu seberapa besar blog anda di sukai para pengunjung anda. kamu bisa memprosikan melewati sosial media jika like page facebook anda lebih banyak tetapi ketika anda sudah membuat ini saya sarankan kepada anda untuk selalu siap update yang baru - baru di blog anda agar pengunjung blog anda tidak lagi pergi dari anda kawan. jika anda sudah siap untuk mengikuti tutorial yang akan saya berikan.. yuuuk kawan intip tutorial kali ini.

Cara Membuat Popup Like Page Facebook di Blog

Sebelum anda membuat Pupup Like Page Facebook Ini anda jangan Lupa untuk Membuat halaman Like Page Facebook Kawan.

Baca Selengkapnya Tutorial Cara Membuat Like Page Facebook

Kemudian Login ke blog anda masuk ke Tata Letak tambahkan Wiget Pilih Html dan Masukkan Kode Html dibawah berikut kawan.

#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>

//<![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>

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>

</div>

href=https://www.facebook.com/Dsopgratis&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>

NB : Ganti kode yang berwarna biru dengan Url halaman sobat. jika anda ingin mengatur jeda Popup facebook anda bisa mengganti .delay(3000) atur watku 3000 itu sesuai dengan harapan anda. jika ingin selalu muncul pada halaman blog anda silakan hapus kode berikut ini $.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 }); dan kemudian anda nonaktifkan kode cookie : false. pada script dibawah ini adalah script dibawah yang ada pada / terpasang pada template.

<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'KODE-APLIKASI',
status : true, // check login status
cookie : false, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());

</script>

Baca Selengkapnya Panduan Download

Jika Tutorial ini membantu anda saya mohon bantuannya untuk share tutorial ini ke semua sahabat kita semoga tutorial yang ada coba bermanfaat.. amin