Cara Memasang Pop Up Like Box Facebook

Hello Sobat Blogger , Kali Ini Saya Akan Memberikan Tutorial Cara Membuat Pop Up Like Box Facebook Di Blog Atau Blogger Anda , Tutorial Membuat Atau Menambah Widget Pop Up Like Box Facebook Di Blogger Anda Sangatlah Mudah , Berikut Caranya Untuk Anda.

Untuk Apa Sih Pop Up Like Facebook

Pop Up Like Box Facebook Berfungsi Untuk Mempropmosikan Fansfage Halaman Facebook Kamu Biar Banyak Yang Ngelike , Itu Saja Sih Yang Saya Tahu.

Cara Memasang Pop Up Like Box Facebook


Blogger === > Tataletak === > Add Gadget / Tambahkan Gadget

Lalu Kamu Pilih HTML / Javascript
Kamu Copy Kode Yang Di Bawah Ini
Dan Kamu Pastekan Di HTML / Javascript

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style type="text/css">
#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:0;top:0}#fbox-button:before{content:"CLOSE";padding:5px 8px;background:#828282;color:#eaeaea;font-weight:700;font-size:10px;font-family:Tahoma}#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover{color:#aaa;font-size:9px;text-decoration:none;text-align:center;padding:5px}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie=function(a,b,c){if(arguments.length>1&&"[object Object]"!==String(b)){if(c=jQuery.extend({},c),null!==b&&void 0!==b||(c.expires=-1),"number"==typeof c.expires){var d=c.expires,e=c.expires=new Date;e.setDate(e.getDate()+d)}return b=String(b),document.cookie=[encodeURIComponent(a),"=",c.raw?b:encodeURIComponent(b),c.expires?"; expires="+c.expires.toUTCString():"",c.path?"; path="+c.path:"",c.domain?"; domain="+c.domain:"",c.secure?"; secure":""].join("")}c=b||{};var f,g=c.raw?function(a){return a}:decodeURIComponent;return(f=new RegExp("(?:^|; )"+encodeURIComponent(a)+"=([^;]*)").exec(document.cookie))?g(f[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');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fbox-background'>
<div id='fbox-close'>
</div>
<div id='fbox-display'>
<div id='fbox-button'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=URL FANSFAGE FACEBOOK KAMU&width=339&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe>
</div>
</div>

Pemberitahuan

  1. Masuakn URL Fansfage Facebook Kamu Di URL FANSFAGE KAMU
  2. Jika Kamu Ingin Muncul Pop Up Like Facebook Kamu Di Setiap Orang Membuat Halaman Kamu Kamu Hapus Kode  $.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 }); Dan Jangan Lupa Kamu Menonaktifkan cookie : false Dengan Cara Kamu Pasang Kode Yang Di Bawah Ini Tepat Di Atas Kode </body>


Javascript

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

Kalau Kode .delay (5000) Untuk Mengatur Waktu Popup Like Box Facebook

Oke Sekian Dari Saya Semoga Bisa Bermanfaat Untuk Anda Tentang Pop Up Like Facebook Untuk Anda , Sekian Dan Terima Kasih.


EmoticonEmoticon