How to Add Facebook Popup Like Box In WordPress blog or site and also how to add Facebook Popup like box in Blogger blog if are you searching then it will best article for you, After share on Blogger Like Box and also best widget of Popup like Box with timer, Today we are share about WordPress and Blogger both.
You might be searching or might have searched about how you can add Facebook like box in blogger blog or WordPress? Or might be finding out the guide on adding like box of Facebook in your WordPress or blogger blog easily? If you are searching for the above topics, then you came up at the right place. Because today in this article we are going to share about how you can add the Facebook popup box easily in your WordPress or blogger blogs.
Don’t miss – How can I Buy Facebook Likes in Cheap Price
Table of Contents
How to Add Like box in Blogger blog Easily?
As I already said in my previous article that there are many codes and scripts available online that are related to Facebook like box, but most of them are not having SEO friendly or fast speed feature, that’s make your site load slower in different browsers and also it can leave a bad impact on your search engine rankings. So today in this article we are going to talk about the new tutorial or working guide on adding a new fan page popup box easily that will load faster and also is user-friendly and SEO friendly as well.
Facebook is one of the largest social networking website in the world which is currently having millions of active users from different countries across the world and every day new thousands of users are signing up or getting started with Facebook. So it means that we can get maximum and targeted customers or we can say that we can get more targeted fans for our blog readers easily through converting them from visitors into fans using popup like box for blogger blog or WordPress easily.
Advantages of This Facebook Popup Like Box
Some of the best advantages of using this popup blogger for blogger blog and WordPress are mentioned below:
· It is a latest and fastest popup like box for WordPress and blogger blogs.
· Having user-friendly and SEO friendly interface and better than the older one.
· Helps users to keep connected with your Facebook fan page.
· It is the best method or trick to increase Facebook page likes quickly.
How to add a Facebook popup like box in blogger & WordPress blog
· First of the all you will need to go to blogger.com
· Then open your desired blog
· Then click on layout option on the left side of the screen.
· Next, you will need to to click to add an HTML/Javascript widget
· Then enter this piece of coding there:
<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://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/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(100).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/yourpageusername&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>
You will need to replace yourpageusername with the username of your fan page.
· That’s it you are done with this tutorial.
How to Add Facebook PopUp Like Box In WordPress
As you know that WordPress is a CMS system, Its a simple script, Buy using many plugins we can make it more useful, all works of this platform, completing using related plugins, There are many thousand plugins of WordPress, Here we are giving one of the most useful plugin which can help you to Facebook add popup like box in your WordPress site.
For adding popup like box in WordPress, you will need to download and install this plugin.
Just customize it and done,
Use SEO friendly Popup Like Box also Fast Loading
So this was a detailed guide about adding like box in blogger and WordPress easily and I hope you find it useful for you. Always trying to use fast loading like box, It will not affect your SEO, There are many Popup like box, Most are loading too slow so they are direct and indirect affecting your blog loading speed and also SEO too. If you have any queries or suggestions regards this guide, feel free to ask in the comments section below. For Latest Facebook Popup with time, Popup with pure CSS, Popup without J Query, and many other Facebook Popup Like box keep visit.
