New Facebook Popup Widget 2016 For Blogger Template

Hello folks,Today in this article we are going to share How to install new facebook popup widget 2016 for blogger template.We have already shared different version of  fb popup gadget for blogger website or blog.But this one is light version and easy to install.However popup widget is a best way to increase the facebook fan or also to increase the website followers.You can use both the links whether it's admin join us page or website followers link.There are lot's of version of facebook pop up plugin ,but we have provided very cool version of popup gadget.To increase the facebook likes or followers this is the best widget for blogspot website.we have used CSS for styling the widget.When the popup widget will load it will give fade in effect on website page i.e all content of your website will fade and only popup widget will display after closing popup box again all thing will become visible,it's look awesome and it's also have time settings,when user will visit first time in your website this popup widget will display on webpage.

There is another feature like it will again display on same visitor after 7 days because we have provided cookie trick it will automatically install in visitor computer and will auto delete after 7 days so installing this facebook popup widget 2016 you will never miss any facebook fans.So to grab new facebook popup 2016 gadget follow the steps mentioned below.

How to install new facebook popup widget 2016 in blogger template

Installation steps:

Step 1. Log in to your Blogger account and Go to your Blogger Dashboard.

Step 2. Now Go to your layout->Add a gadget->HTML/JAVASCRIPT

Step 3. Now copy the below code and paste in your HTML/JAVASCRIPT box and click on save button.

<style scoped='' type='text/css'>
#bsdfb-fanbox {display:none;background:rgba(0,0,0,0.9);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;-webkit-transform:translateZ(0);}
#bsdfb-boxclose {width:100%;height:100%;-webkit-transform:translateZ(0);}
#bsdfb-boxview {background:#fff;border:1px solid #C0EBFE;width:350px;height:250px;position:absolute;top:33%;left:37%;border-radius:3px;}
#bsdfb-closebox {float:right;cursor:pointer;position:absolute;right:0px;top:6px;z-index:2;}
#bsdfb-closebox:before {content:"X";padding:5px 8px;background:#fff;color:#000;font-weight:normal;font-size:16px;font-family:inherit;}
#bsdfb-boxlink,#bsdfb-boxlink a.visited,#bsdfb-boxlink a,#bsdfb-boxlink a:hover {color:#ff4400;font-size:10px;text-decoration:none;text-align:center;padding:5px;}
</style>
<script type='text/javascript'>
//<![CDATA[
// New Facebook Popup Widget 2016 By Www.Bloggersstand.com
jQuery.cookie = function (key, value, options) {
// Cookie Settings
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(''));
}
// 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_box') != 'yes'){
$('#bsdfb-fanbox').delay(3000).fadeIn('fast');
$('#bsdfb-closebox, #bsdfb-boxclose').click(function(){
$('#bsdfb-fanbox').stop().fadeOut('fast');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='bsdfb-fanbox'>
<div id='bsdfb-boxclose'>
</div>
<div id='bsdfb-boxview'>
<div id='bsdfb-closebox'>
</div>
<div class='bsdfb-like-box' data-href='https://www.facebook.com/bloggersstand' data-width='320' data-height='230' data-colorscheme='light' data-show-faces='true' data-header='true' data-stream='false' data-show-border='false' style='border:none;overflow:hidden;width:310px;height:230px;'></div>
</div>
</div>

Customization:

• To change the height and width of the box , change the highlighted content in This color.
• Replace Bloggersstand with your user name.
• If you want to remove time settings,and you want to display fb popup widget everytime,remove the line in this color.
• To change the facebook fan page box size ,change the size of box in this color.
• If you want to set the time after how many seconds popup box will visible ,change 3000 value with your value.3000 means 3 seconds.
• If you want to stop cookie function then ,change yes to no or false.

Step 4. Now Go to Template->Edit HTML and Search for the closing </body> tag and copy the below javascript and past it just before/above of </body> tag.

&lt;div id=&quot;fb-root&quot;&gt;&lt;/div&gt;
&lt;script&gt;(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = &quot;//connect.facebook.net/en_US/sdk.js#xfbml=1&amp;appId=1480936988887062&amp;version=v2.0&quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));&lt;/script&gt;

Step 5. Now Click on save template..Done !