How To Get One Time Pop Up Facebook Like Box For BlogSpot

No doubt Facebook like box plugging is blessing for all bloggers in this era because it can generate huge numbers follower for every bloggers blog just a single click. And we all bloggers want it generally. Maybe you can’t understand what I’m talking for. Remember, when you came to my blog with this post link from Google or direct hit have seen a box appeared in front of you asking for like. It is called Pop up Facebook like Box. Got it? You're probably liked or not liked, it was up to you. But, if you liked then you are now following this blog via My Blog Facebook page. :D

Facebook Pop Up Like Box Blogger

I have seen many of the blogs that has this pop up box appeared when someone (including me) going to visit a page/post and each time I refreshed the post or jumped into another post. It’s so bothered seeing this box every time. Possibly you can lose your audiences. Because, your audience just came to learn something new or interesting from you, not to getting bothered. So, from here in this post I’m going to share the Facebook one time pop up box code that's just only one time appeared each time you visit. Let’s see...

1. Login to your Blogspot/Blogger account. From Dashboard choose your desire blog that you wish to have this pop up like box.

2. Go to Design tab then click on any Add a Gadget link from your template layout.

3. Then click on thesign form right to the gadget window of HTML/JavaScript.

4. Paste the pop up like box code below totally colored with ...

<style>

/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#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;}
/*


User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#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/AVvXsEgiVDmHRYZgQ3LHD2l9CAFOuvjupJvV9fK8MHaxGHl5UdAV97AQuAHq8ycz_C7UEb898wU_-gdRWhevVlPJprEgd7TeHV170L3O37cIp8RZZ2gjx-k-nFOAbW78rdSUAdL2K8CiqGVSEIHC/s1600/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilU79nbBMPF70wICpfzKipvAmzQS8s5a03MuxqVRS3O_zKk2ldLUQW_Jip909e_BZave9zeUE91uHqbdS-kiLC6LjSwFyEJzAp5a1gKOeVYLUHGz7Mn_z3-alD3aenV3WCp8AI5sklhi5s/s1600/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiVDmHRYZgQ3LHD2l9CAFOuvjupJvV9fK8MHaxGHl5UdAV97AQuAHq8ycz_C7UEb898wU_-gdRWhevVlPJprEgd7TeHV170L3O37cIp8RZZ2gjx-k-nFOAbW78rdSUAdL2K8CiqGVSEIHC/s1600/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiVDmHRYZgQ3LHD2l9CAFOuvjupJvV9fK8MHaxGHl5UdAV97AQuAHq8ycz_C7UEb898wU_-gdRWhevVlPJprEgd7TeHV170L3O37cIp8RZZ2gjx-k-nFOAbW78rdSUAdL2K8CiqGVSEIHC/s1600/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilU79nbBMPF70wICpfzKipvAmzQS8s5a03MuxqVRS3O_zKk2ldLUQW_Jip909e_BZave9zeUE91uHqbdS-kiLC6LjSwFyEJzAp5a1gKOeVYLUHGz7Mn_z3-alD3aenV3WCp8AI5sklhi5s/s1600/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiVDmHRYZgQ3LHD2l9CAFOuvjupJvV9fK8MHaxGHl5UdAV97AQuAHq8ycz_C7UEb898wU_-gdRWhevVlPJprEgd7TeHV170L3O37cIp8RZZ2gjx-k-nFOAbW78rdSUAdL2K8CiqGVSEIHC/s1600/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiVDmHRYZgQ3LHD2l9CAFOuvjupJvV9fK8MHaxGHl5UdAV97AQuAHq8ycz_C7UEb898wU_-gdRWhevVlPJprEgd7TeHV170L3O37cIp8RZZ2gjx-k-nFOAbW78rdSUAdL2K8CiqGVSEIHC/s1600/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiVDmHRYZgQ3LHD2l9CAFOuvjupJvV9fK8MHaxGHl5UdAV97AQuAHq8ycz_C7UEb898wU_-gdRWhevVlPJprEgd7TeHV170L3O37cIp8RZZ2gjx-k-nFOAbW78rdSUAdL2K8CiqGVSEIHC/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/AVvXsEjB8uyggIJ_uFqu7aB4fg9jM27xlRheYKoBUaWNKFlGnZoquEyYieEA7oha2ksV-VJa033WhSFGXMlX2FJfOs36T3o4hLgNx33uQbOzD2C8OXmok70Z6bZXp_n-KFI7v73eijAyHtlI4PHY/s1600/loading-background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsQbaAqrOJMtdjY30IHnXWdLmvKmH-ZG9cyHFSZgDBYb-h26Al2ef9-bd2ZVhkhZ1w12J-U7XT95_iBwh7tJ56rvbjnlF5SPcS8v4IH_d7HcNcmrEkWvFArd0zy508Lf9ZhzoP8gNKPLiY/s1600/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/AVvXsEgiVDmHRYZgQ3LHD2l9CAFOuvjupJvV9fK8MHaxGHl5UdAV97AQuAHq8ycz_C7UEb898wU_-gdRWhevVlPJprEgd7TeHV170L3O37cIp8RZZ2gjx-k-nFOAbW78rdSUAdL2K8CiqGVSEIHC/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;}
/*-----------------------------------------------------------------------------------*/
/* Facebook Likebox popup For Blogger
/*-----------------------------------------------------------------------------------*/
#subscribe {
font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
}
#subscribe a,
#subscribe a:hover,
#subscribe a:visited {
text-decoration:none;
}
.box-title {
color: #3B5998;
font-size: 20px !important;
font-weight: bold;
margin: 10px 0;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:10px;
line-height:25px; font-family:arial !important;
}
.box-tagline {
color: #999;
margin: 0;
text-align: center;
}
#subs-container {
padding: 35px 0 30px 0;
position: relative;
}
a:link, a:visited {
border:none;
}
.demo {
display:none;
}
</style>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script>
<script src="http://yourjavascript.com/11215013191/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:"#subscribe"});
}
});
</script>
<!-- This contains the hidden content for inline calls -->

<div style='display:none'>
<div id='subscribe' style='padding:10px; background:#fff;'>
<h3 class="box-title">Receive all updates via Facebook. Just Click the Like Button Below<center><p style="line-height:3px;" >?</p></center></h3>
<center>

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FBloggerShaon&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;" >Powered By | <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.bloggershaon.com">BloggerShaon</a> </p>
</div>
</div>

5. Remember to replace your fan page username instead of mine (BloggerShaon) or if your did not taking username yet just got to Facebook username page and change your own choose.

6. Then SAVE the changed.

7. Finally refresh your blog and enjoy! :D

If you enjoy and got help from it do not hesitate to share this with your friends just click the share button below! Hmm? ;)

Good day! Be well and take care. :-)