Halaman

    Social Items

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.


Tutorial Simple Cara Membuat Popup Like Page Facebook di Blog 2016

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.


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

<style Dsopgratisped='' 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/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>
</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

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.


Tutorial Simple Cara Membuat Popup Like Page Facebook di Blog 2016

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.


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

<style Dsopgratisped='' 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/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>
</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

Advertisement
Load Comments

Subscribe Our Newsletter

close
-----Klik 2x --- (Close)