Add Facebook Popup Like Box Widget in Blogger

Facebook Jquery Popup Like Box Widget – Every Blogger Need Cool Widgets to Make his Blog Classy and Good Looking. Today We Gonna Show you a New Facebook Popup Like Box Widget for Blogger. It can Increase your Facebook Like that Help You to Grow Your Website Via Facebook Traffic. In Today’s Time Socialize your Website with Facebook is Very Important because It can Improve your Search Engine Ranking. There are Millions of Active Users on Facebook Who Crawl Site’s Link. You Only Need to Target your Interest Based Audience. Most of People Search on Internet About How to Increase Facebook Likes So, This is the Elite Way to Get Organic and Interest Based Facebook Likes that help You in Future.Add Facebook Popup Like Box Widget in Blogger

This Facebook Popup Like Box Widget is very helpful to Attract People to Like Their Page that Come up When they Load your Website. In Many Way this is Also a Best Strategy to Share your Website Content on Social Media. Now These Day At Least People Login Their Facebook Dashboard and Check their New Feeds Daily So, It is best for Those who have Interest Based Facebook Likes.

How Facebook Popup Like Box Widget Work ?

When User Land on your Webpage and Start Scrolling and Reading your Content and Then a White Facebook Like Popup and Visitor Like your Page because it has Delay Between the Time When the Visitor come to your site and This can help you to Get More Facebook Likes.

Add Facebook Popup Like Box Widget in Blogger
Facebook Popup Like Box Widget for Blogger

Facebook Improve their Features and Algorithm Day by Day to Prevent Fake Facebook Likes So You need to use Elite Way to Get More and Target Based Facebook Like Because When you Share any content on your Facebook Page Only those People Click on your Content Who Really Interested in Others Scroll your Post.

RELATED  How to Add SEO Friendly Meta Tags in Blogger ?

Steps to Add Facebook Popup Like Box Widget in Blogger :

  • Login in Your Blogger Account and Select your Blog that You want to Add this Blogger Widget in it.
  • Go to Layout and Click on HTML/JavaScript Widget from the List and Pop up Dialog Box Come up Where you Need to Add the Below Code.
<script src='' type='text/javascript'></script>
#fanback {
#fan-exit {
#fanbox {
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 {
background:url( repeat;
.remove-borda {
margin:0 auto;

<script type='text/javascript'>
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 : '', ? '; secure' : ''

// 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 type='text/javascript'>
if($.cookie('popup_user_login') != 'yes'){
$('#fanclose, #fan-exit').click(function(){
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });

<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='//


style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe>
  • Now Click on Save Button and Its Done.
  • Test Your Facebook Popup Like Box Widget. Just Open your Website Page and check it.

Basic Customization Before Adding this Script :

  1. Replace with your Facebook Page URL that you want to show in Popup.
  2. Customize your Delay Time .delay(1000) You can Increase and Decrease Delay time 1000 show Popup Box.
  3. Remove $.cookie(‘popup_user_login’, ‘yes’, { path: ‘/’, expires: 7 }); from Above Code to show this Pop up to Visitor Every time When they Load your Website. By Default Above Code Popup Only One Time when user Visit your Page.
RELATED  Top 10 Adsense Earners in India [UPDATED]

From Editor’s Desk :

Above are the Very Basic and Awesome Facebook Popup Like Box Widget fro Blogger that Help you to Get More Facebook Likes in 2015 Because Facebook is Improve their Algorithm to Filter the Organic Facebook Likes. In Future You need to use Organic way to Get Facebook Likes So Why Not Start Today. Just Integrate this Facebook Popup Like Box Widget in Blogger and See the Results.

If You Face any type of Problem with This Article and the Above Code Just Leave your Problem in Below Comment We Fix as Soon as Possible. Keep Supporting !