Sekedar share pengetahuan tentang dunia blogger dan website

Wednesday, March 1, 2017

Membuat popup fanspage facebook melayang di blog

No comments :
Membuat popup fanspage facebook melayang di blog - Hampir semua orang mengenal Media Sosial Facebook, dari anak kecil sampai yang tua. Ada yang menggunakannya untuk mengenal teman, menyapa teman lama dan yang terbaru ini untuk media jual beli online.

Sebagai blogger tentu sangat bermanfaat sekali untuk menshare artikel yang kita posting, selain untuk memperkenalkan blog atau website juga bermanfaat menaikkan traffic index. Sesuai dengan judul pada postingan kali ini Membuat popup fanspage facebook melayang di blog, yang mana nanti ketika orang melihat blog kita langsung muncul Fanspage Facebook atau Halaman di Facebook yang kalian buat di Facebook.

Cara membuat Membuat popup fanspage facebook melayang di blog :
  1. Masuk ke dashboard blog kalian
  2. Setelan > Widget > Tambah Gadget > HTML Javascript
  3. Silahkan Copy Paste Code dibawah ini

<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=https://www.facebook.com/purjianto99/&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><div id="fbox-link">Powered by <a style="padding-left: 0px;" href="http://www.purjianto.web.id/" rel="nofollow">Purjianto</a></div>
Silahkan ganti :
https://www.facebook.com/purjianto99/
Silahkan kalian atur waktu tampil :
delay(5000)


No comments :

Post a Comment