Cara Memasang Widget Facebook Popup Like Box

Cara Memasang Widget Facebook Popup Like Box

           
        Pasti sudah banyak yang taukan widget yang satu ini. hemmm pasti tertarik pengen masang juga kan.Oke, pada posting kali ini saya akan memberitahu Cara Memasang Widget Facebook Popup Like Box silahkan di simak.

1. Silahkan Login ke Blogger.
2. Menuju Dashboard -->Tata Letak. 
3. Pilih Tambahkan Gadget 
4. Pilih HTML/Java Script. 
5. Copykan kode di bawah ini:
6. src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
   
   <style>
   
   #fanback {
   
   display:none;
   
   background:rgba(0,0,0,0.8);
   
   width:100%;
   
   height:100%;
   
   position:fixed;
   
   top:0;
   
   left:0;
   
   z-index:99999;
   
   }
   
   #fan-exit {
   
   width:100%;
   
   height:100%;
   
   }
   
   #fanbox {
   
   background:white;
   
   width:420px;
   
   height:270px;
   
   position:absolute;
   
   top:58%;
   
   left:63%;
   
   margin:-220px 0 0 -375px;
   
   -webkit-box-shadow: inset 0 0 50px 0 #939393;
   
   -moz-box-shadow: inset 0 0 50px 0 #939393;
   
   box-shadow: inset 0 0 50px 0 #939393;
   
   -webkit-border-radius: 5px;
   
   -moz-border-radius: 5px;
   
   border-radius: 5px;
   
   margin: -220px 0 0 -375px;
   
   }
   
   #fanclose {
   
   float:right;
   
   cursor:pointer;
   
   background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZpUgZPMhIcH-6uYKpWXQJbwZimh0e_d8LTp-TwgKvTJ7L90-UIjpMbfcov545NUcVoMjzpSZhkULuwI1fcR63jZvZ2GFh2T7yMw5G73BVjwCR1KDx-BrUA70jmFn-OF1vO6NblPN9slmx/s1600/fanclose.png) repeat;
   
   height:15px;
   
   padding:20px;
   
   position:relative;
   
   padding-right:40px;
   
   margin-top:-20px;
   
   margin-right:-22px;
   
   }
   
   .remove-borda {
   
   height:1px;
   
   width:366px;
   
   margin:0 auto;
   
   background:#F3F3F3;
   
   margin-top:16px;
   
   position:relative;
   
   margin-left:20px;
   
   }
   
   #linkit a.visited,#linkit a,#linkit a:hover {
   
   color:#80808B;
   
   font-size:10px;
   
   margin: 0 auto 5px auto;
   
   float:center;
   
   }
   
   </style>
   
   
   
   <script type='text/javascript'>
   
   //<![CDATA[
   
   jQuery.cookie = function (key, value, options) {
   
   
   // key and at least value given, set 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(''));
   
   }
   
   
   // key and possibly options given, get 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_user_login') != 'yes'){
   
   $('#fanback').delay(30000).fadeIn('medium');
   
   $('#fanclose, #fan-exit').click(function(){
   
   $('#fanback').stop().fadeOut('medium');
   
   });
   
   }
   
   $.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
   
   });
   
   </script>
   
   
   <div id='fanback'>
   
   <div id='fan-exit'>
   
   </div>
   
   <div id='fanbox'>
   
   <div id='fanclose'>
   
   </div>
   
   <div class='remove-borda'>
   
   </div>
   
   <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
   
   
   href=https://www.facebook.com/situsewongmbeneh&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
   
   
   style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe><center>
   
   <span id="linkit"><a href="http://wongmbeneh.blogspot.com/2013/12/cara-memasang-widget-facebook-popup.html" target="_blank">Widget Facebook </a><a href="http://www.wongmbeneh.blogspot.com/">Popup</a></span></center>
   
   </div>
   
   </div>

Paste di Widget HTML / JavaScript. Jika sudah jangan anda save dahulu karna masih ada yang perlu di ubah:

1. Ganti https://www.facebook.com/situsewongmbeneh dengan alamat FanPage kamu. 
2. .delay(30000) Ganti Angka 30000 untuk merubah delay widgetnya (delay = detik kapan munculnya widget setelah halaman selesai dimuat). 1 detik = 1000 jadi, 30000 = 30 detik. 

Untuk merubah Widget agar tidak hanya Muncul Sekali tetapi akan muncul di setiap saat Halaman di Muat. Cari dan Hapus Kode ini :

$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
Simpan. dan Selesai.

Perhatian : widget ini hanya muncul sekali, jika anda ingin melihat hasilnya di blog, maka anda hurus bersihkan COOKIE BROWSER terlebih dahulu, kemudian reload halaman blognya.


Bagaimana mudahkan Cara Memasang Widget Facebook Popup Like Box. Jika kurang paham atau berterimakasih silahkan berkomentar di bawah.