HOW TO ADD FACEBOOK POPUP WIDGET ON TO BLOGGER (VERY EASY)

Due to the success of facebook in past few years,nowadays,every blogger wants to add a facebook widget to its blog.
For that, I must tell you that there are a lot of ways to add a facebook widget pop up or a like button to blogger..
However,i must tell you the easiest and working way of getting the facebook popup to work for you
1) Go to blogger.com
2)  Login into your account
3) Go under layout section
4) Click on add widget
5)  Scroll down to html javascript
6) Now click the + icon to add it
7) Now, just copy the below code and click save

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>


<script src="http://24blogger-com.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/AVvXsEilQ5qBEOYEYFZbcgk83duKZCJhuMGQi8O20eCjlBGwF0oxamUHrItrMZf0mctruHi2XipbHenItjnnyBvqi_fo5CUTtgRh8LTr-I3vH_7UHb5y4h6hhhnSoMzDlsudMUsHlk4jD9r_BIE/s1600/controls.png) no-repeat 0 0}#cboxTopCenter{height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7CxWCC34k25L4JA9vGqXehvJae-smNyvHCo5Kdo7xQUsNs4HATXRlOKmbGHYmluFWp1fmZx85tclNijxdFzRyX8CkiU91Qn-TDJwNKuOsiV3V7nWARfClWGvBr8_1LjQT1uIN058-RP0/s400/border.png) repeat-x top left}#cboxTopRight{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilQ5qBEOYEYFZbcgk83duKZCJhuMGQi8O20eCjlBGwF0oxamUHrItrMZf0mctruHi2XipbHenItjnnyBvqi_fo5CUTtgRh8LTr-I3vH_7UHb5y4h6hhhnSoMzDlsudMUsHlk4jD9r_BIE/s1600/controls.png) no-repeat -36px 0}#cboxBottomLeft{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilQ5qBEOYEYFZbcgk83duKZCJhuMGQi8O20eCjlBGwF0oxamUHrItrMZf0mctruHi2XipbHenItjnnyBvqi_fo5CUTtgRh8LTr-I3vH_7UHb5y4h6hhhnSoMzDlsudMUsHlk4jD9r_BIE/s1600/controls.png) no-repeat 0 -32px}#cboxBottomCenter{height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7CxWCC34k25L4JA9vGqXehvJae-smNyvHCo5Kdo7xQUsNs4HATXRlOKmbGHYmluFWp1fmZx85tclNijxdFzRyX8CkiU91Qn-TDJwNKuOsiV3V7nWARfClWGvBr8_1LjQT1uIN058-RP0/s400/border.png) repeat-x bottom left}#cboxBottomRight{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilQ5qBEOYEYFZbcgk83duKZCJhuMGQi8O20eCjlBGwF0oxamUHrItrMZf0mctruHi2XipbHenItjnnyBvqi_fo5CUTtgRh8LTr-I3vH_7UHb5y4h6hhhnSoMzDlsudMUsHlk4jD9r_BIE/s1600/controls.png) no-repeat -36px -32px}#cboxMiddleLeft{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilQ5qBEOYEYFZbcgk83duKZCJhuMGQi8O20eCjlBGwF0oxamUHrItrMZf0mctruHi2XipbHenItjnnyBvqi_fo5CUTtgRh8LTr-I3vH_7UHb5y4h6hhhnSoMzDlsudMUsHlk4jD9r_BIE/s1600/controls.png) repeat-y -175px 0}#cboxMiddleRight{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilQ5qBEOYEYFZbcgk83duKZCJhuMGQi8O20eCjlBGwF0oxamUHrItrMZf0mctruHi2XipbHenItjnnyBvqi_fo5CUTtgRh8LTr-I3vH_7UHb5y4h6hhhnSoMzDlsudMUsHlk4jD9r_BIE/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/AVvXsEgPUWf7KLmefulbN2Oo0CH0NR4DiQ53zvCbNdlGAWtJHAP0Szt3-5VGha-8t1rkXcp4NCTqO5FSIpFN8BWfdqWpnhyZ-Jl9fFpl7k_q-G170j14psBqlHf8urvSVN-WqGTkg8g4xusZKNE/s400/loadingbackground.png) no-repeat center center}#cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIOk_-DKwI8atCRsmkBRzOvq4ICRuNtv7ljuNA-OMleqYsTXbl3N5A5FQANDQvJvHvUhjyMdhvvv4dKYk1FDa9Qp0XNDa6HNB6AT91EU3c4vXpvcDaBzSjOjF8DlATaCOOh2PCjK_ESI4/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/AVvXsEilQ5qBEOYEYFZbcgk83duKZCJhuMGQi8O20eCjlBGwF0oxamUHrItrMZf0mctruHi2XipbHenItjnnyBvqi_fo5CUTtgRh8LTr-I3vH_7UHb5y4h6hhhnSoMzDlsudMUsHlk4jD9r_BIE/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%2FAllTricksWorld&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><p style=" float:right; margin-right:35px; font-size:9px;" >Get this <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.24blogger.com/2013/02/how-to-add-fb-like-pop-up-box-to-blogger-updated.html">Click me</a></p>


</div></div>


CUSTOMISATION 

(1) Replace ALLTRICKSWORLD with your facebook username .

(2) If you want the pop up appear on every reload then set the value from true to false.

(3) You can also change the text of "receive all updates.....".



CONTACT US IF  YOU FACE ANY PROBLEMS VIA OUR CONTACT PAGE