How To Easily add FansPage Facebook Levitating On Blogs

How To Easily Install FansPage Facebook Levitating On Blogs

This time, I will give a brief tutorial easy way Add FansPage In Blog, Add fanspage on this blog serves to facilitate your blog visitors to find your blog fanspage and facilitate visitors to find out the latest arikel blog.

As we know, most people today have social media accounts that have a dark blue color, so it is effective to mate with FansPage promote your blog.

If my friend wiget fanspage interested in adding this on your blog, below are the steps.

1. Buddy must first have FansPage on Facebook
2. Then buddy login to your blog.
3. the blogger dashboard click the Layout / Layout (see picture)

4. On the Layout, to add facebook widget, click Add Gadgets.

5. This will bring up a window gadget collection, select HTML / Javascript

6. Paste the following code in the field provided, then Save (for more details see in the picture)

Widget code FansPage Facebook

<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/AVvXsEgb1S0EBobFSKBiUvcJAzfbPqEevDAQMBbfHDdh8PSAEZH_3fxrrkWpyIAytZ9wp1QwND6PxrF9I8SB3ianWqPn74o-tplTQ2Tf0MyaD7A1Ps1-STqIukpRg4o53o6lsn7UCmGX2H3fe40D/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,#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_facebook_like') != 'yes'){    $('#fanback').delay(1000).fadeIn('medium');    $('#fanclose, #fan-exit').click(function(){      $('#fanback').stop().fadeOut('medium');    });  }  $.cookie('popup_facebook_like', 'yes', { path: '/', expires:0});});</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/YOUR-FANPAGE-USERNAME&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>  </div></div><script src="https://safelinkconverter.com/js/safelinkconverter.js" type="text/javascript"></script>

7. In YOUR-FANPAGE-USERNAME, change the username fanspage. Example http://www.facebook.com/secretnetworkforces -> secretnetworkforces

    If you dont know what about it ? Read: How To Get Url Fanpage Facebook

Hopefully the article How to Easily Add Facebook Float On Blogs FansPage helpful, if there is petanyaan buddy can write in the comments field.