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.



Cara Mudah Memasang Fanspage Facebook Melayang Pada 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)


Cara Mudah Memasang Fanspage Facebook Melayang Pada Blog

4. On the Layout, to add facebook widget, click Add Gadgets.
5. This will bring up a window gadget collection, select HTML / Javascript

Cara Mudah Memasang Fanspage Facebook Melayang Pada Blog

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

Cara Mudah Memasang Fanspage Facebook Melayang Pada Blog


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(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/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.

0 Response to "How To Easily add FansPage Facebook Levitating On Blogs"

Post a comment

Bila Ada posting yang kurang, atau error atau yang lainnya, silahkan tinggalkan komentar agar artikel/post di perbaiki.
Jangan Lupa Cek Box "Notify Me" agar tahu komentar kamu dibalas oleh saya.

If there are any posts that are missing, or error or anything else, please leave a comment for the article / post to be fixed.
Do not Forget Check Box "Notify Me" to know our comments replied by me.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel