memasang Widget Facebook Popup Like Box

Selamat siang sobat siang ini saya mau share tentang cara memasang Widget Facebook Popup Like Box nih, seperti yang ada pada blog ini sob, simple kan?
widget ini juga bisa di atur sob mau tampil di setiap halaman atau hanya sekali pada saat kita pertama kali masuk blog
jadi ngga rumit kan sob, ngga buat pengunjung kesel juga tentunya :D

Yaudah deh mending langsung aja nih sob di bahas cara pemasanganya

1. Login di blog sobat 
2. klik Dasbor pilih Tataletak
3. Pilih Tambah Gadget
4. Pilih HTML/Javascript
5. Copy semua kode yang ada di bawah ini lalu paste Di sana

1. <script 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/AVvXsEhx6G6QKi6yF9wGYxrC3FYnA_pRIIxXq0JYXIHc1IGm-BakWQYCYn69K7MUuCh3LekJNs65JbcvGJvlpGIQKKwiUgJf3rkHc4e3tcGmy856wMcJ96TghRVv2f_h14M7_3zhKhB6FJZX0X16/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/CobokancomunityBocahKosan&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://caritau12.blogspot.com" target="_blank">Widget Facebook </a><a href="http://Caritau12.blogspot.com">Popup</a></span></center>
   </div>
   </div>

Penting

• Ganti https://www.facebook.com/CobokancomunityBocahKosan dengan url Fanspage sobat
• Untuk menampilkan widget supaya muncul di setiap halaman (Tidak hanya sekali) Cari dan hapus kode di bawah

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

Baru deh di save dan lihat hasilnya

cukup sekian dulu ya sob

semoga bisa membantu dan bermanfaat

trimakasih