New Facebook Popup Widget 2016 For Blogger Template

0
new Latest Facebook popup widget 2016 for blogger
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 ! 
Learn trick to add new stylish unique social media popup widget facebook fb with time settings and cookie fade in fad out effect to increase facebook fan,how to install fb gadget in blogger template.
Hello folks,Today in this article we are going to share How to install new facebook popup widget...
SUMMARY

Learn trick to add new stylish unique social media popup widget facebook fb with time settings and cookie fade in fad out effect to increase facebook fan,how to install fb gadget in blogger template.

You Might Also Like:

We hope this article helped you to learn New Facebook Popup Widget 2016 For Blogger Template. If you have any question or any complication please don't hesitate to ask us.You can drop your message below in the comment box or you can Contact Us!. If you liked this article please join us on : Facebook | Twitter | Google+

SUBSCRIBE ARTICLES BY EMAIL

Post a Comment Blogger Disqus

0 Comments on "New Facebook Popup Widget 2016 For Blogger Template" So Far
Out Of Topic Show Conversion CodeHide Conversion Code Featured Post

MARKUP FOR WRITING COMMENTS:
1. To Insert Code Length Use<i rel="pre">Code Here</i>
2. To Insert Short Codes Use<i rel="code">Code Here</i>
3. To Insert Quote Use<b rel="quote">Quote</b>
4. To Insert Image Use<i rel="image">Image URL</i>
5. To Insert Video Use<i rel="youtube">You Tube Url</i>

Note: You Can Also Convert Your Code Directly From The Conversion Box.
--------------------------------------------------------------------------------------------------------------------------------------------------------
Please drop your comment according with the topic and feedback with hyperlinks may be removed.Thank you.
Regards:
Team Bloggersstand