How To Add POP UP Facebook Like Box For Blog/Website
https://topbloggingsofts.blogspot.com/2013/08/how-to-add-pop-up-facebook-like-box-for.html
Mostly Guys Don't Know How Install This Widget In blogger and websites.All instruction given below how use it.
Why Use This Facebook Widget In Blogger And Website.
This Widget Is Un-Blockable POP-UP By All Browsers, Close Button Also Included in this Widget.Simple And Stylish Design. This Widget is Quick To Load And Easy To Install.How To Install This Widget in blogger.
1.) Go To Your www.blogger.com2.) Open Your Desire Blog.
3.) Go To Layout.
4.) Click "Add A Gadget" Where You Want To Add It.
5.) Now Scroll To "HTML-JAVA SCRIPT"
6.) Click "+" Icon To Add It.
7.) Now Copy The Below Code And Paste It To There.
8.) Leave The Title Empty.
9.) Click Save, Now You Are Done.
How To Install This Widget in Website.
1.) Just Go To Your HTML File.2.) Now Copy The Below Code And Paste It Between <body> </body>.
3.) Save It, Now You Are Done.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<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/AVvXsEhi_iN7QPQyvAZVtmniqqtU07usSNRLalf0qcrbxZYiNxvhK8e1kRjuJZOsHblJwKydqofO3x2MIknfHjTeJtayLCjmWLqbOMjoDePh7f1yiJhwZB-p8vPVOzPMyaq9G-_V7KFAFLYPn9w/s1600/controls.png) no-repeat 0 0}#cboxTopCenter{height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEwFDM_bus12do1HM5jJCgeoO02ciuXlVClfv4GGzap1Ty7WH_pN2h411tazizQNSNcZgdBnj0W4D-qKmPA02kki5LdnPc9GZwrDPO7lka8HJo8uhfGPcMceu01YO5U1Y4hHk7KFPHcwM/s400/border.png) repeat-x top left}#cboxTopRight{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi_iN7QPQyvAZVtmniqqtU07usSNRLalf0qcrbxZYiNxvhK8e1kRjuJZOsHblJwKydqofO3x2MIknfHjTeJtayLCjmWLqbOMjoDePh7f1yiJhwZB-p8vPVOzPMyaq9G-_V7KFAFLYPn9w/s1600/controls.png) no-repeat -36px 0}#cboxBottomLeft{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi_iN7QPQyvAZVtmniqqtU07usSNRLalf0qcrbxZYiNxvhK8e1kRjuJZOsHblJwKydqofO3x2MIknfHjTeJtayLCjmWLqbOMjoDePh7f1yiJhwZB-p8vPVOzPMyaq9G-_V7KFAFLYPn9w/s1600/controls.png) no-repeat 0 -32px}#cboxBottomCenter{height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEwFDM_bus12do1HM5jJCgeoO02ciuXlVClfv4GGzap1Ty7WH_pN2h411tazizQNSNcZgdBnj0W4D-qKmPA02kki5LdnPc9GZwrDPO7lka8HJo8uhfGPcMceu01YO5U1Y4hHk7KFPHcwM/s400/border.png) repeat-x bottom left}#cboxBottomRight{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi_iN7QPQyvAZVtmniqqtU07usSNRLalf0qcrbxZYiNxvhK8e1kRjuJZOsHblJwKydqofO3x2MIknfHjTeJtayLCjmWLqbOMjoDePh7f1yiJhwZB-p8vPVOzPMyaq9G-_V7KFAFLYPn9w/s1600/controls.png) no-repeat -36px -32px}#cboxMiddleLeft{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi_iN7QPQyvAZVtmniqqtU07usSNRLalf0qcrbxZYiNxvhK8e1kRjuJZOsHblJwKydqofO3x2MIknfHjTeJtayLCjmWLqbOMjoDePh7f1yiJhwZB-p8vPVOzPMyaq9G-_V7KFAFLYPn9w/s1600/controls.png) repeat-y -175px 0}#cboxMiddleRight{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi_iN7QPQyvAZVtmniqqtU07usSNRLalf0qcrbxZYiNxvhK8e1kRjuJZOsHblJwKydqofO3x2MIknfHjTeJtayLCjmWLqbOMjoDePh7f1yiJhwZB-p8vPVOzPMyaq9G-_V7KFAFLYPn9w/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/AVvXsEhNn8ORdmaiW9GfHIjv989z__XdMrRpvnCoPJHiveAkKnO5aSnj5s9pgQp9Y7-YlQbzYOiKp1V6RsEIg-hJYwsZyfLFyGPP8up6Fu851KC7B5L0QG95HKZ6tHWRD7Df5xHnrpw5QxoE4pg/s400/loadingbackground.png) no-repeat center center}#cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWH9zF44gCnNt7BwwqBniUCHLhPO3yhHAk4dmEuQOgGOJnLVbQCD9nuzQBzzLF27JV_gmLdnrPzfo1IOAsK9x9zmFLuXfbjPkNqTEiz-4ZdM1GV1RVzKlGc0I4jSH7piMjsVJJ-i_7wVM/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/AVvXsEhi_iN7QPQyvAZVtmniqqtU07usSNRLalf0qcrbxZYiNxvhK8e1kRjuJZOsHblJwKydqofO3x2MIknfHjTeJtayLCjmWLqbOMjoDePh7f1yiJhwZB-p8vPVOzPMyaq9G-_V7KFAFLYPn9w/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">Like My Tricks on Facebook</h3></center><center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FImtiazBloggerTrick&width=300&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&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://getmytricksfree.blogspot.com/">Getmytricksfree</a></p>
</div></div>
How We Customize This Code.
- Replace ImtiazBloggerTrick With Your Facebook Username.
- Know If You Want To Appear This Widget On Every Reload Of Your Visitor On Every Page, Just Change True To false
- This Widget Will Again POPUP On Your Viewer Desktop After 30 Day If He Is Clearing His Browser Cookies, If You Want To Minimize This Time, Just Change *30 From The Above Code To Your Desire Day With 30.
