Sabtu, 14 April 2018

Cara membuat Facebook Popup Like box Responsive

Baca Juga


Cara membuat facebook popup like box responsive - Di post kali ini saya akan membagikan kepada kalian gimana sih cara membuat facebook popup like box Responsive ?

Nah gampang sekali gan jadi kalian tinggal ikuti langkah langkah atau tips dari saya dengan benar dan tepat.Nah jadi langsung aja ya tutorial nya !!

Cara membuat Facebook Popup Like box Responsive

  • Buka Blogger
  • Buka Tata Letak Tambah Gadget > HTML Java Script
  • Masukan Kode Di Bawah 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/Noah-Band-
416646421704775/&width=339&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'style='bord
er: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe><div id="fbox-link">Powered by <a style="padding-
left: 0px;" href="http://www.madamvia.web.id/" rel="nofollow">Madamvia</a></div></div></div>

Ganti ID dengan ID Fanspage kalian

Nah sekarang tinggal cek langsung, oke sobat saya rasa sudah cukup sekian dulu untuk tutorial "Cara membuat Facebook Popup Like box Responsive"