Add Facebook Popup Like Box Widget in Blogger

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.

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.

• Related : Top 5 EPIC Way to Get More Organic Traffic to Your Site.

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.

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.

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='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script> <style> #fanback { display:none; background:rgba(0,0,0,0.8); width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999; } #fan-exit { width:100%; height:100%; } #fanbox { background:white; width:420px; height:270px; position:absolute; top:58%; left:63%; 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 { float:right; cursor:pointer; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj_qtKIOJkZepT6CEH6fCY7lYRS-7x05XjpLmuDrtZteGr1NLUu7cl3ycIADcs4xKkdUB5p-4dNCKGUj4PzaFLQLS9tOl9ss6c1V-ISHLBdtScACjYcxAfsDCLUxotY4HzK0X3rO-dAF88/s1600/fanclose.png) repeat; height:15px; padding:20px; position:relative; padding-right:40px; margin-top:-20px; margin-right:-22px; } .remove-borda { height:1px; width:366px; margin:0 auto; background:#F3F3F3; margin-top:16px; position:relative; margin-left:20px; } </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'){ $('#fanback').delay(1000).fadeIn('medium'); $('#fanclose, #fan-exit').click(function(){ $('#fanback').stop().fadeOut('medium'); }); } $.cookie('popup_user_login', 'yes', { path: '/', expires: 7 }); }); </script> <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='//www.facebook.com/plugins/likebox.php? href=http://www.facebook.com/HowTricksWorks&width=402&height=255&colorscheme=light&show_faces=true&border_color=%23E2E2E2&stream=false&header=false' style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe> </div> </div>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script> <style> #fanback { display:none; background:rgba(0,0,0,0.8); width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999; } #fan-exit { width:100%; height:100%; } #fanbox { background:white; width:420px; height:270px; position:absolute; top:58%; left:63%; 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 { float:right; cursor:pointer; background:url(http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj_qtKIOJkZepT6CEH6fCY7lYRS-7x05XjpLmuDrtZteGr1NLUu7cl3ycIADcs4xKkdUB5p-4dNCKGUj4PzaFLQLS9tOl9ss6c1V-ISHLBdtScACjYcxAfsDCLUxotY4HzK0X3rO-dAF88/s1600/fanclose.png) repeat; height:15px; padding:20px; position:relative; padding-right:40px; margin-top:-20px; margin-right:-22px; } .remove-borda { height:1px; width:366px; margin:0 auto; background:#F3F3F3; margin-top:16px; position:relative; margin-left:20px; } </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'){ $('#fanback').delay(1000).fadeIn('medium'); $('#fanclose, #fan-exit').click(function(){ $('#fanback').stop().fadeOut('medium'); }); } $.cookie('popup_user_login', 'yes', { path: '/', expires: 7 }); }); </script>   <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='//www.facebook.com/plugins/likebox.php?   href=http://www.facebook.com/HowTricksWorks&width=402&height=255&colorscheme=light&show_faces=true&border_color=%23E2E2E2&stream=false&header=false'   style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe> </div></div>

• 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 http://www.facebook.com/HowTricksWorks 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.

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 !