How To Add Facebook Popup Like Box To Blogger

To become a successful blogger and taking your blog to the top is not so simple without high amount of traffic. But if you manage to get the traffic you have done 90% percent of your work and no one can stop you rocking the internet. The social networking sites like Facebook, Twitter etc. is the best source to get high quality and amount of traffic to your blog. So if you have made a facebook page for your blog and want more people to like it then you can add this widget to your bloggers blog which will promote the visitor to like your page through a popup facebook page like box.

Image Source : Facebook.com

Features: 

Attractive Design.

Direct Like Button Without Visiting To Page.

Faces Of People Who Likes This Page.

Number Of Likes To Page.

Procedure To Add Facebook Popup Like Box To Blogger: 

• Go To Blogger And Sign In.

• Go To Layout >> Add Gadget >> html/javascript

• Now Just Paste Following Code.

<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/AVvXsEiHiKyvvZYt9Mz4yVQgGU3DjjIcjt_9kWchPavq_NTfr1_FUe77OnvvubSfLU7af3ohAFFpnHrUt9zjfAQRbJViJs1FXAKq3LUqbEY6EMGGmfraPg6XmrxmPuWhWGNhnOAcgYHL5msaz2w/s1600/controls.png) no-repeat 0 0}#cboxTopCenter{height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8OI3aZY3NOLeWXntQVnXFkPCbgnyfdYMHf3LJoIm_5pe0N2QuRL4sx1qI6bXEtiEqHyFdDR4pve2EIrd4CUS1qEj8yUXqquGolyNRONtJmdWqUbxbpEJOgN4sO9uffD9NK5N3y2xVJlA/s400/border.png) repeat-x top left}#cboxTopRight{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHiKyvvZYt9Mz4yVQgGU3DjjIcjt_9kWchPavq_NTfr1_FUe77OnvvubSfLU7af3ohAFFpnHrUt9zjfAQRbJViJs1FXAKq3LUqbEY6EMGGmfraPg6XmrxmPuWhWGNhnOAcgYHL5msaz2w/s1600/controls.png) no-repeat -36px 0}#cboxBottomLeft{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHiKyvvZYt9Mz4yVQgGU3DjjIcjt_9kWchPavq_NTfr1_FUe77OnvvubSfLU7af3ohAFFpnHrUt9zjfAQRbJViJs1FXAKq3LUqbEY6EMGGmfraPg6XmrxmPuWhWGNhnOAcgYHL5msaz2w/s1600/controls.png) no-repeat 0 -32px}#cboxBottomCenter{height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8OI3aZY3NOLeWXntQVnXFkPCbgnyfdYMHf3LJoIm_5pe0N2QuRL4sx1qI6bXEtiEqHyFdDR4pve2EIrd4CUS1qEj8yUXqquGolyNRONtJmdWqUbxbpEJOgN4sO9uffD9NK5N3y2xVJlA/s400/border.png) repeat-x bottom left}#cboxBottomRight{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHiKyvvZYt9Mz4yVQgGU3DjjIcjt_9kWchPavq_NTfr1_FUe77OnvvubSfLU7af3ohAFFpnHrUt9zjfAQRbJViJs1FXAKq3LUqbEY6EMGGmfraPg6XmrxmPuWhWGNhnOAcgYHL5msaz2w/s1600/controls.png) no-repeat -36px -32px}#cboxMiddleLeft{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHiKyvvZYt9Mz4yVQgGU3DjjIcjt_9kWchPavq_NTfr1_FUe77OnvvubSfLU7af3ohAFFpnHrUt9zjfAQRbJViJs1FXAKq3LUqbEY6EMGGmfraPg6XmrxmPuWhWGNhnOAcgYHL5msaz2w/s1600/controls.png) repeat-y -175px 0}#cboxMiddleRight{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHiKyvvZYt9Mz4yVQgGU3DjjIcjt_9kWchPavq_NTfr1_FUe77OnvvubSfLU7af3ohAFFpnHrUt9zjfAQRbJViJs1FXAKq3LUqbEY6EMGGmfraPg6XmrxmPuWhWGNhnOAcgYHL5msaz2w/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/AVvXsEjS-EyI-7-XFaRtzGxGFe3zKjDheG-Isih-onQXh5O2W2x0fQxco8bLxk7g0sTLeDWx-QiL-uxUwDspfdZP3LJ8GUcrKsKJuZhKKvimx6D3gNAXT9bbTV60Fa4utqxeCrjCtdC8Tc36v6I/s400/loadingbackground.png) no-repeat center center}#cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLGjKeJCe93mWTPnfzB6vr1qhF21vIT_58mVng7eGOq3YmeWoEbctkWROTUWye7n0OOyP5f8CE1QTxwUvWdw1KmedN3VMTeEsaA-V4IW9TLfqYCXwpL4pk7rLMboLWCmgF8oSLoU7YAxQ/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/AVvXsEiHiKyvvZYt9Mz4yVQgGU3DjjIcjt_9kWchPavq_NTfr1_FUe77OnvvubSfLU7af3ohAFFpnHrUt9zjfAQRbJViJs1FXAKq3LUqbEY6EMGGmfraPg6XmrxmPuWhWGNhnOAcgYHL5msaz2w/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%2FTricksDroid&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.tricksdroid.com/">TricksDroid</a></p>
</div></div>

• Replace TricksDroid With Your Facebook Fanpage Username.

• Leave The Title Empty.

• Click On Save.

That's it you have successfully added Facebook fanpage popup like box to your blog. Do not forget to like us on facebook. For any questions & suggestions leave a comment below. 

Content Worth A Share ?

• Facebook
• Twitter
• Google+
• Pinterest
• StumbleUpon
• Dig
• LinkedIn

Written by Unknown

Satyam Bora Is 18 Years Old Boy Addicted To Blogging And Technology.He Is A Part Time Blogger And Student Of Civil Engineering. This Guy Is Always Here To Help You :)