Cara Membuat Like Box Facebook melayang di Blog

Cara Membuat Like Box Facebook melayang di Blog

Fan Page facebook dapat digunakan untuk media mempromosikan dan mempopulerkan blog atau web kita di facebook secara efektif. semakin banyak like di fanpage facebook dapat menjadikan page atau blog kita populer, untuk itu manfaat dari Membuat Like Box Facebook melayang di Blog agar pengunjung dapat dengan mudah melike fanpage kita, jika link fanpage muncul ditengah-tengah layar. untuk melakukan hal tersebut terlebih dulu harus memiliki fanpage dulu di facebook, tapi kali ini kita tidak bahas membuat fanpage facebook, saya anggap sobat sekali sudah memiliki fanpage sendiri.
Contohnya :

Contoh Fanpage Fb melayang

mari kita ikut langkah-langkah membuat  Like Box Facebook melayang di Blog :

1. Login ke blogger dulu
2. ke Menu Theme (tema)
3. lalu backup dulu theme nya
4. lalu edit HTML 
5. cari
   </body>
   Paste kode berikut tepat diatasnya, sebelumnya ganti https://www.facebook.com/JuraganLowonganKerja dibagian bawah script dengan fanpage facebook sobat

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script> <style type="text/css"> #fb-box-background{display:none;background:rgba(0,0,0,0.4);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999}#fb-box-close{width:100%;height:100%}#fb-box-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}#fb-box-button{float:right;cursor:pointer;position:absolute;right:0;top:0}#fb-box-button:before{content:"CLOSE";padding:5px 8px;background:#828282;color:#eaeaea;font-weight:700;font-size:10px;font-family:Tahoma}#fb-box-link,#fb-box-link a.visited,#fb-box-link a,#fb-box-link a:hover{color:#aaa;font-size:9px;text-decoration:none;text-align:center;padding:5px} </style> <script type='text/javascript'> /* Data facebook */ //<![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'){ $('#fb-box-background').delay(5000).fadeIn('medium'); $('#fb-box-button, #fb-box-close').click(function(){ $('#fb-box-background').stop().fadeOut('medium'); }); } $.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 }); }); </script> <div id='fb-box-background'> <div id='fb-box-close'> </div> <div id='fb-box-display'> <div id='fb-box-button'> </div> <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php? href=https://www.facebook.com/JuraganLowonganKerja/&width=339&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false' style='border: none; overflow: hidden; background: #fff; width: 338px; height: 199px;'></iframe> <div id="fb-box-link"> Powered by <a style="padding-left: 0px;" href="http://bloggerhobby.blogspot.com" rel="nofollow">Blogger Hobby</a></div> </div> </div>