Monday, February 22, 2016

New Facebook Popup Widget 2016 For Blogger Template

Today inwards this article nosotros are going to portion How to install  New Facebook Popup Widget 2016  For Blogger Template
Hello folks,Today inwards this article nosotros are going to portion How to install new facebook popup widget 2016 for blogger template.We accept already shared dissimilar version of  fb popup gadget for blogger website or blog.But this ane is low-cal version in addition to slow to install.However popup widget is a best way to growth the facebook fan or likewise to growth the website followers.You tin utilization both the links whether it's admin bring together us page or website followers link.There are lot's of version of facebook popular upwardly plugin ,but nosotros accept provided really cool version of popup gadget.To growth the facebook likes or followers this is the best widget for blogspot website.we accept used CSS for styling the widget.When the popup widget volition charge it volition laissez passer fade inwards lawsuit on website page i.e all content of your website volition fade in addition to entirely popup widget volition display later closing popup box ane time again all affair volition decease visible,it's expect awesome in addition to it's likewise accept fourth dimension settings,when user volition see kickoff fourth dimension inwards your website this popup widget volition display on webpage.
There is roughly other characteristic similar it volition ane time again display on same visitor later vii days because nosotros accept provided cookie play a joke on it volition automatically install inwards visitor estimator in addition to volition automobile delete later vii days thus installing this facebook popup widget 2016 yous volition never missy whatever facebook fans.So to catch novel facebook popup 2016 gadget follow the steps mentioned below.

How to install novel facebook popup widget 2016 inwards blogger template

Installation steps:
Step 1. Log inwards to your Blogger concern human relationship in addition to Go to your Blogger Dashboard.
Step 2. Now Go to your layout->Add a gadget->HTML/JAVASCRIPT
Step 3. Now re-create the below code in addition to glue inwards your HTML/JAVASCRIPT box in addition to click on salvage 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 enterprise #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 = constituent (key, value, options) {
// Cookie Settings
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === aught || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = novel 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() : '', // utilization expires attribute, max-age is non supported past times IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// Get cookie
options = value || {};
var result, decode = options.raw ? constituent (s) { render s; } : decodeURIComponent;
return (result = novel 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: vii });
});
</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 modify the tiptop in addition to width of the box , modify the highlighted content inwards This color.
  • Replace Bloggersstand amongst your user name.
  • If yous desire to take fourth dimension settings,and yous desire to display fb popup widget everytime,remove the describe inwards this color.
  • To modify the facebook fan page box size ,change the size of box inwards this color.
  • If yous desire to laid the fourth dimension later how many seconds popup box volition visible ,change 3000 value amongst your value.3000 agency iii seconds.
  • If yous desire to halt cookie constituent thus ,change yes to no or false.
Step 4. Now Go to Template->Edit HTML in addition to Search for the closing </body> tag in addition to re-create the below javascript in addition to past times it only 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 salvage template..Done ! 

No comments:

Post a Comment