Hello Friends how are you? We are much much better. We've seen many sites available Using the Facebook Pop-up Like Box and very easily u can connect your visitor to your Facebook Fun Page. That is the social media Facebook. Who does not know it. For them this Facebook pop-up Like Box below to discuss some of the advantages are:
All The Facility:
1. This browser does not support all of the pop-up box. So stay relaxed about it.
3. There is a close button for the close, visitors can close it very easyly, when the visit your 2nd time.
4. It is very quick to load. And you can easily install.
5. It is common but Design able Dashing.
All The Facility:
1. This browser does not support all of the pop-up box. So stay relaxed about it.
3. There is a close button for the close, visitors can close it very easyly, when the visit your 2nd time.
4. It is very quick to load. And you can easily install.
5. It is common but Design able Dashing.
How to install this pop-up box
First, you need to log in to your blog admin panel, go to https://www.blogger.com.
2. Then Please select your specific blog.
3. Click on the Layout.
4. The Select Add A Gadget.
5. Open the box Html / JavaScript click.
6. Copy the code below and paste it in writing Elecment nothing to write anything at Title.
7. There are some Customization. Blue color Text "Blogger Tips And Tricks" change it and use your user name of your Facebook page. And red color text "Receive all updates via Facebook. Just Click the Like Button Below "Delete this messages and you can write your opinion.
8. The Save and Quit. See if you are having done.
Required 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/AVvXsEjDrr2lxXfEbBDupsz_01l4cyZQ0qQpX0wAMRyEPK11yn0s4ZFJ1BXWbgYltdKOCvBfFACRSucj_yi98_AI8PNJ6CRndhgUMXooFQ8RJzJAPYrXe71649MDBKWoeii_CW39kqfpwmHk8a0/s1600/controls.png)
no-repeat 0
0}#cboxTopCenter{height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmNHntwxdm81aamxDWoZvEMdrqQkSUNphsLa0dDqYyCXVzsDVXkX6Q2MNXPwrmkhQvBm3_8DR7HRs1bB_Km_Jmu7IcdUUfxvhuEJ78SCzWcJMYNvs9xLc7qg3ok00K_VhwvR1_RmqJ0jw/s400/border.png)
repeat-x top
left}#cboxTopRight{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDrr2lxXfEbBDupsz_01l4cyZQ0qQpX0wAMRyEPK11yn0s4ZFJ1BXWbgYltdKOCvBfFACRSucj_yi98_AI8PNJ6CRndhgUMXooFQ8RJzJAPYrXe71649MDBKWoeii_CW39kqfpwmHk8a0/s1600/controls.png)
no-repeat -36px
0}#cboxBottomLeft{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDrr2lxXfEbBDupsz_01l4cyZQ0qQpX0wAMRyEPK11yn0s4ZFJ1BXWbgYltdKOCvBfFACRSucj_yi98_AI8PNJ6CRndhgUMXooFQ8RJzJAPYrXe71649MDBKWoeii_CW39kqfpwmHk8a0/s1600/controls.png)
no-repeat 0
-32px}#cboxBottomCenter{height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmNHntwxdm81aamxDWoZvEMdrqQkSUNphsLa0dDqYyCXVzsDVXkX6Q2MNXPwrmkhQvBm3_8DR7HRs1bB_Km_Jmu7IcdUUfxvhuEJ78SCzWcJMYNvs9xLc7qg3ok00K_VhwvR1_RmqJ0jw/s400/border.png)
repeat-x bottom
left}#cboxBottomRight{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDrr2lxXfEbBDupsz_01l4cyZQ0qQpX0wAMRyEPK11yn0s4ZFJ1BXWbgYltdKOCvBfFACRSucj_yi98_AI8PNJ6CRndhgUMXooFQ8RJzJAPYrXe71649MDBKWoeii_CW39kqfpwmHk8a0/s1600/controls.png)
no-repeat -36px
-32px}#cboxMiddleLeft{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDrr2lxXfEbBDupsz_01l4cyZQ0qQpX0wAMRyEPK11yn0s4ZFJ1BXWbgYltdKOCvBfFACRSucj_yi98_AI8PNJ6CRndhgUMXooFQ8RJzJAPYrXe71649MDBKWoeii_CW39kqfpwmHk8a0/s1600/controls.png)
repeat-y -175px
0}#cboxMiddleRight{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDrr2lxXfEbBDupsz_01l4cyZQ0qQpX0wAMRyEPK11yn0s4ZFJ1BXWbgYltdKOCvBfFACRSucj_yi98_AI8PNJ6CRndhgUMXooFQ8RJzJAPYrXe71649MDBKWoeii_CW39kqfpwmHk8a0/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/AVvXsEiRqKw7SQX8787FWHLMhMkH-udyk9o_pkidraI3v4oF2qkT9KbfkaHFr5hRNDzdv3_OBb5liSHBdbks_VR3_7Wt3g5YVKc_EB2-bvVMfCN8ftdTntSf73DKGP-ICvta5nA_te7hrrvd-_w/s400/loadingbackground.png)
no-repeat center
center}#cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwKiUEH0HGRr0sKymdpBo7alxVDmDGhCmoMxT3-A-BbNOD1_Wa_972UkUdgHv1_9CdhKE7D87wXaaTRxChtMrlQvHNLcD_2UdudZweYqaE0mSurREks0_lejHw_cyr6Ks4PZc959Xl_90/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/AVvXsEjDrr2lxXfEbBDupsz_01l4cyZQ0qQpX0wAMRyEPK11yn0s4ZFJ1BXWbgYltdKOCvBfFACRSucj_yi98_AI8PNJ6CRndhgUMXooFQ8RJzJAPYrXe71649MDBKWoeii_CW39kqfpwmHk8a0/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%2FBlogger Tips And Tricks&width&height=258&colorscheme=light&show_faces=true&header=false&stream=false&show_border=false&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>
If You Think Helpful our Tips - Please Subscribe us.