Saturday, April 19, 2014

How To Add Facebook Like Popup Box in Blogger

Facebook Popup Box to blogger


Every Blogger wants to increase its Facebook fan page likes, More Facebook likes results in more traffic,
Every blogger wants to increase his blog's traffic which is most important. They use to try every way of increasing their blog's traffic and social networking is also one of the best way to increase the traffic. In the internet world, Facebook is the top first social network platform which is used in whole the world. So, Facebook is & nbsp ;most important for every blogger in increasing the traffic of his blog. Most of bloggers use to create a fan page on Facebook for their blogs in order to increase traffic and sending hot updates to their visitors. They can get more visitors and make their blog popular on Facebook just by increasing their Facebook fan page likes. So here I am giving you a best Facebook pop up like box widget for blogger. You can boost your Facebook Fan Page likes just by adding this widget in your blog.
Why We Use This Widget?
Facebook pop up like box is the best widget in increasing your fan page likes. This widget appears when someone enters into your blog, first of all, the visitor have to face this widget. Your visitor can't access your blog until he takes any action, he may like your fan page or click exit button to access your blog. Your visitors will not be annoyed by this widget by popping up again and again. If someone has liked your fan page by this widget then this widget will not appear to him next time. So friends what are you waiting for ? let's add this great widget in your blog.
Add Facebook Like Pop-up Box in Blogger

  • Go to Blogger>>Template>>Edit HTML
  • Search For ''</head>" using CTRL+F
  • Paste The Following Java Script Just Above </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>

  • Click save template
Note: If Java script is already install in your blog then don't add this again.
  • Go to Blogger>>Layout>>Add a Gadget>>Choose Html/JavaScript
  • Paste The Code Below In That

<script src="http://exeideasinternational.googlecode.com/files/jquery.colorbox-min.js"></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/AVvXsEgzlDYOH2QnnSORpmQVljAKViAQh9Hz6rtr6B50ynqtDFaJXnhJhz67wIyQPuwrltPBgBASUQj6gRHQIYdNDcQ4uGH28Z-9VnVBKUJfOEInKNHZpw2VahPimDmGOhGhbmBB6V_2L3mNqHg/s1600/controls.png) no-repeat 0 0}#cboxTopCenter{height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBmrZdMg7PZnvhK7uiuaNKIsUeFb0Pbv8qVDv3PBoPoPFe9WHsibilg7O2GT4f1J4cYPLY1LV1A9N7egrep69U5ou_vGrSIO5bubm56pzahsSlbrPcov0i9vWfGMvnhT7QZkH3cURsTx4/s400/border.png) repeat-x top left}#cboxTopRight{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzlDYOH2QnnSORpmQVljAKViAQh9Hz6rtr6B50ynqtDFaJXnhJhz67wIyQPuwrltPBgBASUQj6gRHQIYdNDcQ4uGH28Z-9VnVBKUJfOEInKNHZpw2VahPimDmGOhGhbmBB6V_2L3mNqHg/s1600/controls.png) no-repeat -36px 0}#cboxBottomLeft{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzlDYOH2QnnSORpmQVljAKViAQh9Hz6rtr6B50ynqtDFaJXnhJhz67wIyQPuwrltPBgBASUQj6gRHQIYdNDcQ4uGH28Z-9VnVBKUJfOEInKNHZpw2VahPimDmGOhGhbmBB6V_2L3mNqHg/s1600/controls.png) no-repeat 0 -32px}#cboxBottomCenter{height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBmrZdMg7PZnvhK7uiuaNKIsUeFb0Pbv8qVDv3PBoPoPFe9WHsibilg7O2GT4f1J4cYPLY1LV1A9N7egrep69U5ou_vGrSIO5bubm56pzahsSlbrPcov0i9vWfGMvnhT7QZkH3cURsTx4/s400/border.png) repeat-x bottom left}#cboxBottomRight{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzlDYOH2QnnSORpmQVljAKViAQh9Hz6rtr6B50ynqtDFaJXnhJhz67wIyQPuwrltPBgBASUQj6gRHQIYdNDcQ4uGH28Z-9VnVBKUJfOEInKNHZpw2VahPimDmGOhGhbmBB6V_2L3mNqHg/s1600/controls.png) no-repeat -36px -32px}#cboxMiddleLeft{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzlDYOH2QnnSORpmQVljAKViAQh9Hz6rtr6B50ynqtDFaJXnhJhz67wIyQPuwrltPBgBASUQj6gRHQIYdNDcQ4uGH28Z-9VnVBKUJfOEInKNHZpw2VahPimDmGOhGhbmBB6V_2L3mNqHg/s1600/controls.png) repeat-y -175px 0}#cboxMiddleRight{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzlDYOH2QnnSORpmQVljAKViAQh9Hz6rtr6B50ynqtDFaJXnhJhz67wIyQPuwrltPBgBASUQj6gRHQIYdNDcQ4uGH28Z-9VnVBKUJfOEInKNHZpw2VahPimDmGOhGhbmBB6V_2L3mNqHg/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/AVvXsEjOJW6FK4JPC-o_WVaIb78TnQYmOmNOHz8iCs1iSFZlAljyPDv6m0SUV-zGzrZA7pufdsKTo2l4AtVrXc6Lo5MMv0t2_zKJRbbwkrQTifaJRSmdzYet6FY4dEA5p8w7JxQcHUyZZD62ubM/s400/loadingbackground.png) no-repeat center center}#cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6gEAZEimkbvA-RVUzE9yNnd3I8rfG2Bk8flMhXXf0bNSkj0igqHyfmQ6nDhZHJVOzbJGYv4coC8_Ncu9Ew9wk9Q76zzOu8mZZxasbrFauVkleFivLgPhlC-xJd7P1C6TxSkSvKOCF2bM/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/AVvXsEgzlDYOH2QnnSORpmQVljAKViAQh9Hz6rtr6B50ynqtDFaJXnhJhz67wIyQPuwrltPBgBASUQj6gRHQIYdNDcQ4uGH28Z-9VnVBKUJfOEInKNHZpw2VahPimDmGOhGhbmBB6V_2L3mNqHg/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%2Fsoftsoftwares&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</center>
<!--Please Do not Remove the Credits -->
    <p style=" float:right;  margin-right:35px;  font-size:9px;" >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.softsoftwares.com/">www.SoftSoftwares.com</a></p>
</div></div>

  • Replace Softsoftwares with your own facebook fanpage username
  • Click on Save This Widget Is Successfully installed in your Blog
  • Don't Forget To Leave Comments 

1 comment:

Translate My Website