Popup Facebook Like Box For Blogger

Pop Up Facebook Like Box
It has been dream of every blogger to be successful in his career but not everyone is successful in blogging. Some push up their hard work and don't loose hope while others leave the ground. Well, Blogging is never ending game, it will grow up more and more! Blogging success appears with several things such as you'll be getting high traffic, earning increases, fans and followers increases, being popular and people also talk about you and your blog. Well, having high number of social followers is great as it help you to drive quick traffic, finding out the average of your followers and also knowing more about them.

No doubt, you may have created Facebook fan page of your blog. But what about page likes? Are they increasing, decreasing or no movement? Well, Most of the new blogs have very less likes as the page doesn't reach to the high audience. It's recommended to use some type of Facebook like boxes in our blogs to increase likes and also converting blog visitors into Facebook fans. Out there, many type of widgets are available for Blogger but today I'm gonna share something special widget that is named as "Popup Facebook Like Box". So, let's discuss about this widget more.

Facebook Pop up Like Box For Blogger

This is an amazing and magical Facebook pop up like box specially for Blogger blogs that will help you to increases Facebook page likes of your blog rapidly. The name of this widget itself proves that when someone enters into your blog while loading page, page gets dark transparent background and this widget appears in order to ask the user for liking your page. This widget will work in every webpage of your blog. 
Don't get worried if you're thinking about readers will get annoyed. This like box is designed and developed differently. When this widget appears, it throws a cookie into the user's operating system which helps this widget to control its appearance. Means through the use of that cookie it will not annoy readers by coming again and again. So, it only appears once to the visitors. But yes, if someone clears cookies than it might come back but only for one time because it will again send cookie into visitor's system.
After the great functions of this widget, it also has cute look in design. It appears with a loving effect and the whole box has also cool design. First, it has an title "can also be called message" which appears at the top center. That title or message forces visitors to like your page. Second, It has the main thing "Like Box" that is actually official Facebook like box. At third and last, There is a close button that is a way to go to your blog by closing that Pop Up like box.

How To Add Facebook Pop up Like Box in Blogger?

  • Go To Blogger >> Layout >> Add a Gadget
  • Choose HTML/JavaScript
  • Paste The Following Code in Content Box
<script src="http://yourjavascript.com/69231961363/jquery-colorbox-min.js"></script><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1)
{
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"400px", inline:true, href:"#exestylepopups"});
}
});
</script>
<style type="text/css">
/*
ColorBox v1.3.16
(Copyright (c) 2011 Jack Moore - jack@colorpowered.com)
*/
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block}.cboxIframe{width:100%;height:100%;display:block;border:0}#cboxOverlay{background:#000;opacity:0.5 !important}#colorbox{box-shadow:0 0 15px rgba(0,0,0,0.4);-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4)}#cboxTopLeft{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg13yqB8IkqwNmRDtzNygCbislx1E7gQv4eCeTRoD_6DwHNW8lgPOvmxWS7HnwcPFMrhpynUUCYez4IDTwqy031qW1V6-DpsL7su1hyphenhyphenOGgp2iOqeeDHTjE5XzNj6d_jNEKzyEQzpX2S-Jo/s1600/controls.png) no-repeat 0 0}#cboxTopCenter{height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh57KRXKAQ6p-tSZvOdvFKx3VsEaE7MCNfKliPdDFmMFE2SAhEUCLTinHw-cH193zO8S-5aeA07l94iD6tMkgLUqf2TTg1pA5ZlVUF8gl3QDQ7Cj7QZa7rbk7W6xs7PzTjBxi0xYVIoUQM/s400/border.png) repeat-x top left}#cboxTopRight{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg13yqB8IkqwNmRDtzNygCbislx1E7gQv4eCeTRoD_6DwHNW8lgPOvmxWS7HnwcPFMrhpynUUCYez4IDTwqy031qW1V6-DpsL7su1hyphenhyphenOGgp2iOqeeDHTjE5XzNj6d_jNEKzyEQzpX2S-Jo/s1600/controls.png) no-repeat -36px 0}#cboxBottomLeft{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg13yqB8IkqwNmRDtzNygCbislx1E7gQv4eCeTRoD_6DwHNW8lgPOvmxWS7HnwcPFMrhpynUUCYez4IDTwqy031qW1V6-DpsL7su1hyphenhyphenOGgp2iOqeeDHTjE5XzNj6d_jNEKzyEQzpX2S-Jo/s1600/controls.png) no-repeat 0 -32px}#cboxBottomCenter{height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh57KRXKAQ6p-tSZvOdvFKx3VsEaE7MCNfKliPdDFmMFE2SAhEUCLTinHw-cH193zO8S-5aeA07l94iD6tMkgLUqf2TTg1pA5ZlVUF8gl3QDQ7Cj7QZa7rbk7W6xs7PzTjBxi0xYVIoUQM/s400/border.png) repeat-x bottom left}#cboxBottomRight{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg13yqB8IkqwNmRDtzNygCbislx1E7gQv4eCeTRoD_6DwHNW8lgPOvmxWS7HnwcPFMrhpynUUCYez4IDTwqy031qW1V6-DpsL7su1hyphenhyphenOGgp2iOqeeDHTjE5XzNj6d_jNEKzyEQzpX2S-Jo/s1600/controls.png) no-repeat -36px -32px}#cboxMiddleLeft{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg13yqB8IkqwNmRDtzNygCbislx1E7gQv4eCeTRoD_6DwHNW8lgPOvmxWS7HnwcPFMrhpynUUCYez4IDTwqy031qW1V6-DpsL7su1hyphenhyphenOGgp2iOqeeDHTjE5XzNj6d_jNEKzyEQzpX2S-Jo/s1600/controls.png) repeat-y -175px 0}#cboxMiddleRight{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg13yqB8IkqwNmRDtzNygCbislx1E7gQv4eCeTRoD_6DwHNW8lgPOvmxWS7HnwcPFMrhpynUUCYez4IDTwqy031qW1V6-DpsL7su1hyphenhyphenOGgp2iOqeeDHTjE5XzNj6d_jNEKzyEQzpX2S-Jo/s1600/controls.png) repeat-y -211px 0}#cboxContent{background:#fff;overflow:visible}#cboxLoadedContent{margin-bottom:5px}#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOhz1lRA7V5sFHf3S71HcON5hqqMVyK4TU1LZjOr9nKs9dVC_AKifeed1Vsfg1d_01cVhnudTUe0xSZlLMW2KQYKfgSeI1B6Sc876Ee7BO78ESRvxh3-coG_bujVowJQfkI_A13wgzD1A/s400/loadingbackground.png) no-repeat center center}#cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBTNfXc2NqauwvZYJiNUCEE2iruuOSpYDAChs31-lAXN-FMPulpotfOS4oA_RjEKf2e0Ejls7stSmThVm2LzNdGr3mlK2Zc6mfmAXKrttHJUNGbRfWNqZUmD0DZtieTNXUT0GzaVznTlQ/s400/loading.gif) no-repeat center center}#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:bold;color:#7C7C7C}#cboxCurrent{position:absolute;bottom:-25px;left:58px;font-weight:bold;color:#7C7C7C}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{position:absolute;bottom:-29px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg13yqB8IkqwNmRDtzNygCbislx1E7gQv4eCeTRoD_6DwHNW8lgPOvmxWS7HnwcPFMrhpynUUCYez4IDTwqy031qW1V6-DpsL7su1hyphenhyphenOGgp2iOqeeDHTjE5XzNj6d_jNEKzyEQzpX2S-Jo/s1600/controls.png) no-repeat 0px 0px;width:23px;height:23px;text-indent:-9999px}#cboxPrevious{left:0px;background-position:-51px -25px}#cboxPrevious.hover{background-position:-51px 0px}#cboxNext{left:27px;background-position:-75px -25px}#cboxNext.hover{background-position:-75px 0px}#cboxClose{right:0;background-position:-100px -25px}#cboxClose.hover{background-position:-100px 0px}.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px;right:27px}.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px;right:27px}.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px}#mdfb{font:12px/1.2 Arial,Helvetica,san-serif;color:#666}#mdfb a,#mdfb a:hover,#mdfb a:visited{text-decoration:none}.mdbox-title{background:#000;color:#fff;font-size:20px !important;font-weight:bold;margin:10px 0;border:20px solid #ddd;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;box-shadow:5px 5px 5px #CCC;padding:10px;line-height:25px;font-family:arial !important}
</style>
<div style='display:none'>
<div id='exestylepopups' style='padding:10px; background:#fff;'>
<center><h3 class="mdbox-title">Receive all updates via Facebook. Just Click the Like Button Below...</h3></center><center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FBloggerYard&amp;width&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false&amp;appId=148912718614218" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:258px;" allowtransparency="true"></iframe>
</center>
<!--Please Do not Remove the Credits -->
    <p style=" float:right;  margin-right:35px;  font-size:9px;" >Provided By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.bloggeryard.com/">Blogger Yard</a></p>
</div></div>
  • Replace BloggerYard With Your Facebook Fan Page Username
  • Leave The Title Box Empty!
  • Click Save!

Final Words

That was an awesome Facebook popup like box widget for Blogger that will definitely help you to gain more Facebook fans as it converts blog visitors into Facebook fans. Just try to work more and more so that you may get more traffic and if more traffic than you'll also get more fans. Is this widget not working at your side or have any other issue? Feel free to ask in comments and also share your views about this. Take Care!