How to Add Facebook Popup Like Box for Blogger

 

We all know about Facebook and spend a lot of time using it on daily basis. Some of us already use Facebook popup like box for blogger for money-making purposes. Facebook has helped many people to become millionaires in no time. So today we will learn about a technique through which we will also increase our followers and fans on the Facebook page.

So, if you have a Facebook page and you want to boost its likes, then you must have to use a Facebook popup like box for bloggers. We will use a programming code for this task. As I already told you in this post earlier that millions of people use Facebook daily and this pop-up box can help us to increase our fans and can boost our website traffic on daily basis.

Read About Custom Robots Header Tags.

we have to keep one thing in mind that as many followers you have on your Facebook page, you can boost your website CTR that much, and this will help you to make more money just by using a Facebook widget on your blog.

How can you Add a Facebook popup like box for blogger

If you are thinking that this task is gonna very difficult for you then let me tell you that you don’t need to worry about it, this work is based on very simple steps. You will not have to write any complex code in the blogger theme, this task can be done easily by copy-pasting the codes.

Read About Meta Tags in Blogger Post.

 

Importance of Facebook popup like box for blogger

This widget can be a very helpful and powerful way to boost your Facebook fan page likes. If you are running a blog in which you publish new content regularly then your Facebook page may give you more traffic on your website and your revenue will increase.

Step 1: You just log in to your Blogger Profile

Step 2”: Now go to Layout

Step 3: Click on Gadget

Step 4: Now choose HTML/ JavaScript here

Step 5: Copy the code given below and paste it in the HTML box.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script> <style type="text/css"> #fbox-background{display:none;background:rgba(0,0,0,0.8);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999}#fbox-close{width:100%;height:100%}#fbox-display{background:#eaeaea;border:5px solid #828282;width:340px;height:230px;position:absolute;top:32%;left:37%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#fbox-button{float:right;cursor:pointer;position:absolute;right:0;top:0}#fbox-button:before{content:"CLOSE";padding:5px 8px;background:#828282;color:#eaeaea;font-weight:700;font-size:10px;font-family:Tahoma}#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover{color:#aaa;font-size:9px;text-decoration:none;text-align:center;padding:5px} </style> <script type='text/javascript'> //<![CDATA[ jQuery.cookie=function(a,b,c){if(arguments.length>1&&"[object Object]"!==String(b)){if(c=jQuery.extend({},c),null!==b&&void 0!==b||(c.expires=-1),"number"==typeof c.expires){var d=c.expires,e=c.expires=new Date;e.setDate(e.getDate()+d)}return b=String(b),document.cookie=[encodeURIComponent(a),"=",c.raw?b:encodeURIComponent(b),c.expires?"; expires="+c.expires.toUTCString():"",c.path?"; path="+c.path:"",c.domain?"; domain="+c.domain:"",c.secure?"; secure":""].join("")}c=b||{};var f,g=c.raw?function(a){return a}:decodeURIComponent;return(f=new RegExp("(?:^|; )"+encodeURIComponent(a)+"=([^;]*)").exec(document.cookie))?g(f[1]):null}; //]]> </script> <script type='text/javascript'> jQuery(document).ready(function($){ if($.cookie('popup_facebook_box') != 'yes'){ $('#fbox-background').delay(5000).fadeIn('medium'); $('#fbox-button, #fbox-close').click(function(){ $('#fbox-background').stop().fadeOut('medium'); }); } $.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 }); }); </script> <div id='fbox-background'> <div id='fbox-close'> </div> <div id='fbox-display'> <div id='fbox-button'> </div> <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php? href=https://www.facebook.com/profile.php?id=300700240344046&width=339&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false' style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe> <div id="fbox-link">Powered by <a style="padding-left: 0px;" href="http://techonline4u.com/facebook-popup-like-box-for-blogger.html" rel="dofollow">Techonline4u</a></div> </div> </div>  

 Step 6: Now you only need to save it.

Customize it for your Facebook Page

After saving the HTML code you need to find the Facebook page address and modify it with your own Facebook page address.

When a user visits your website, he will see a Facebook popup like box for blogger right after 5 seconds, you can change this interval by modifying the code given below.

.delay(5000)

If you don’t want that this widget should appear every time for your regular visitors by default, then you need to remove this code given below and this widget will appear automatically on your website every time.

$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });

You can also modify this widget to display it only on your homepage, for this purpose

You need to go to the Theme option and click on Edit HTML

Then find the code given below by pressing CTRL + F.

</body>

Now enter the code given below just above the body tag.

<b:if cond='data:page.type == "index"'>ADD THE FACEBOOK WIDGET CODE HERE </b:if>

Now save the code to complete the changes.

 Read About How to Remove Footer Credit in Blogger Template.

Conclusion

I have given you the best way to increase your blog CTR by only adding a Facebook popup like box for blogger. I hope you have already seen it that Many bloggers use this method on their blogs to get more attention by their blog visitors.

This method converts a random visitor into a regular visitor because he may get a notification on Facebook about your newly published post, and he might be interested in that article and may come to your blog to read the article completely. 

This method puts a very good impact that a visitor stays on your website for a couple of minutes. I hope you will like the method I taught you and will try to implement a Facebook popup like box for blogger too.