Facebook Popup Like Box for Blogger with new features

Hey! Bloggers. Now I want to share with you a Facebook Popup Like Box Widget with new features. One of the best feature is dark-light effect. Yes! This box will show a dark/black background around Facebook like box because of this your visitor will definitely click on like button. This is a one time Popup box - means this will don't annoy your blog visitors by showing again and again. This will show FB like box once to a new visitor of your blog. Amazing? As you can see we are also using this widget for getting more likes to our fan-page. Now read below for knowing how to add Facebook Popup Like Box to Blogger with new features.
Facebook Popup Like Box for Blogger with new features (demo)

Features of Facebook Popup Like Box

  • Light box effect - This will show a dark/black background around FB popup box
  • Cookies enabled - Using cookies option this widget will popup once to new visitor
  • Exit button - If any visitor already have liked your fan-page then the visitor can close this box
  • No customization required - Yes! You don't have to customize it, just you have to replace URL

Adding Facebook Popup Like Box to Blogger blog

1. Just go to Blogger Dashboard
2. Select your desired Blog and go to its Layout section
3. Click on Add a gadget button and select HTML/JavaScript from options
4. Copy and paste below coding
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fansback {
display:none;
background:rgba(0,0,0,0.9);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fans-exit {
width:100%;
height:100%;
}
#fansbox {
background:white;
width:422.1px;
height:272.1px;
position:absolute;
top:59%;
left:64%;
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: 5.1px;
-moz-border-radius: 5.1px;
border-radius: 5.1px;
margin: -221px 0 0 -375px;
}
#fansclose {
float:right;
cursor:pointer;
background:url(http://1.bp.blogspot.com/-0gHacsJry5s/VGMNArPj_iI/AAAAAAAAE9Y/XWFJofpyGt0/s1600/fansclose.PNG) no-repeat;
height:15px;
padding:20.1px;
position:relative;
padding-right:40.1px;
margin-top:-20.1px;
margin-right:-22.1px;
}
</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_user_login') != 'yes'){
$('#fansback').delay(100).fadeIn('medium');
$('#fansclose, #fans-exit').click(function(){
$('#fansback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
});
</script>

<div id='fansback'><div id='fans-exit'></div><div id='fansbox'><div id='fansclose'></div><div class='remove-border'></div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?

href=http://www.facebook.com/AllBlogThings&width=401&height=254&colorscheme=light&show_faces=true&border_color=%23E2E2E2&stream=false&header=false'

style='border: no; overflow: hidden; margin-top: -20px; width: 403px; height: 231px;'></iframe>
</div></div>
5. Just replace http://www.facebook.com/AllBlogThings with your Facebook fan-page URL and click on Save button.
Congratulations:  Facebook Popup Like Box for Blogger with new features is added to your blog.

Final words

I love to help my fellows therefore I shared this trick with you all. Make me happy by sharing this post with other bloggers and social media users. If you want some more tricks or widgets then please drop a comment below I will do my best for you. Happy Blogging!

COMMENTS

BLOGGER: 3
Loading...

Subscribe to our Newsletter

Get Free Tips and Guides to Make Money Online!

Name

2016,13,2017,7,2018,18,2019,1,Adsense,8,Advertising,4,Affiliate Marketing,5,Alexa,1,Alternatives,2,Android,1,Announcements,1,Apps,6,Ask Me,8,Back linking,9,Backup,1,Bing,1,Black Friday,1,Blockquote,1,Blog Names,4,Blogging,25,Blogging Mistakes,6,Books,1,Branding Ideas,1,Business Tips,15,Career Advice,1,Case Study,6,Content Marketing,21,CSS,4,Customization,20,Digital Marketing,6,Domains,6,Downloads,1,eCommerce,2,Email Marketing,4,Entrepreneurship,14,Essay Writing,1,Event Blogging,2,Exclusive,38,Facebook,7,Facts,2,Featured Snippet,1,Finance Tips,1,Forums,2,Freebies,3,Freelancing,4,Giveaways,1,Google,11,Google Adwords,1,Guest Contributions,89,Health Tips,2,Hosting,9,How To,133,Ideas,4,Images,1,Influencer Marketing,2,Info graphic,21,Inspiration,4,Instagram Marketing,1,Interviews,4,Jobs,3,Keywords Research,1,Make Money,53,Motivation,1,Newbie's Guide,80,News,28,NLB,9,Offline Business Ideas,2,Page Rank,4,Paid Reviews,1,PayPal,1,Pictorial,2,Posts,5,PSD Files,1,Quotes and Sayings,39,Reddit Marketing,1,Referral Earning,6,Relationship Tips,1,Review & Guide,14,Roundups,3,Save Money,1,Self Improvement,2,Selling,1,SEO,48,SMO,4,SMS - Messages,1,Social Media,19,Social Media Marketing,5,Sponsors,5,Startups,1,Technology,2,Templates,8,Tips and Tricks,56,Tools,5,Tops and Lists,52,Traffic,15,Twitter,2,Video Marketing,1,Viral,2,Vlogging,4,Web Designing,10,Widgets,24,Wishes and Greetings,1,WordPress,11,Work at Home,6,Writing,30,YouTube,2,
ltr
item
AllBlogThings.com - Make Money Online, Blogging, Digital Marketing: Facebook Popup Like Box for Blogger with new features
Facebook Popup Like Box for Blogger with new features
Hey! Bloggers. Now I want to share with you a Facebook Popup Like Box Widget with new features. One of the best feature is dark-light effect. Yes! This box will show a dark/black background around Facebook like box because of this your visitor will definitely click on like button.
//2.bp.blogspot.com/-M8h4GhzaAyM/VGNWTPjzLwI/AAAAAAAAE9o/tYk_62poA4I/s1600/facebook%2Bpopup%2Blike%2Bbox%2Bfor%2Bblogger.PNG
//2.bp.blogspot.com/-M8h4GhzaAyM/VGNWTPjzLwI/AAAAAAAAE9o/tYk_62poA4I/s72-c/facebook%2Bpopup%2Blike%2Bbox%2Bfor%2Bblogger.PNG
AllBlogThings.com - Make Money Online, Blogging, Digital Marketing
https://www.allblogthings.com/2014/11/facebook-popup-like-box-for-blogger.html
https://www.allblogthings.com/
https://www.allblogthings.com/
https://www.allblogthings.com/2014/11/facebook-popup-like-box-for-blogger.html
true
8869657471256965778
UTF-8
Viewing All Posts Bad, Try Again VIEW ALL Read More Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED! LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back To Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec Just now About 1 minute ago $$1$$ minutes ago 1 hour ago About $$1$$ hours ago Yesterday About $$1$$ days ago About $$1$$ weeks ago More than some weeks ago Followers Follow PREMIUM and Locked Please share to unlock this content Copy All Code Select All Code All coding here were copied to your clip-board If You can't copy the coding or text here, please press CTRL+C or CMD+C with Mac to copy now