Facebook likebox in lightbox for new visitor

---

Unknown on 10:17 PM

---

What if you ask your first time visitor on your website to like your Facebook page, about 90% people will exit and about 10% people will like your page. Your Facebook page's likes is the status of your page on Facebook. Isn't it? Yes it is this widget will help you little to increase likes. Even we used this for sometime to increase our likes on TechiMen but we later removed it for no reason. This widget help you make your blog more professional and good looking and the increase in your Facebook likes. The best thing is that this widget only ask to like those visitors who visit the blog or website for the first time. If somebody clicks anywhere except on likebox, the likebox lightbox disappears. The pop-up likebox also disappears when the page is refreshed/reloaded or F5 is pressed.

So let us come to the point 'how to install it on your Blogger blog?':
Steps:
1. Go to Blogger then to your blog
2. Now go to layout from dashboard.
3. If you already have HTML/JavaScript
OR
Click on Add Widget in any section "Sidebar or Footer" and select HTML/JavaScript
4. Now copy the script below (after changing 'TechiMen' with your Facebook page username or page id) and paste in the HTML/JavaScript widget

<style> <script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script> <script src="//sites.google.com/site/techprevue/home/jquery.colorbox.min.js"></script> <link rel="stylesheet" href="//sites.google.com/site/techprevue/home/colorbox-dark.css" type="text/css" /> <script type="text/javascript"> jQuery(document).ready(function(){ if (document.cookie.indexOf('visited=true') == -1) { var setDays = 1000*60*60*24*1; var expires = new Date((new Date()).valueOf() + setDays); document.cookie = "visited=true;expires=" + expires.toUTCString(); $.colorbox({width:"400px", height:"230px", inline:true, href:"#tP"}); }});</script> <div style="display:none"> <div id="tP" style="background:#fff;position:scroll;z-index:99999999;"> <div style="text-align:center;padding-top:15px"> <h2 class="tP"> Subscribe all latest updates via Facebook</h2> <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FTechiMen&width=342&height=300&show_faces=true&colorscheme=light&stream=false&show_border=false&header=false&appId=" scrolling="no" frameborder="0" style="border:none; overflow:hidden; " allowtransparency="true"></iframe> <p style="font-size:xx-small"> </p> </div> </div> </div>

5. Now click on 'Save'.

Now the widget will work when somebody visits your blog or website first time or deletes its cache/cookies and browser history. I hope it works for you.

TechiMen put this post in the following categories

Blogger Blogger Widgets Blogging Web Development Website Designing Widgets