Thursday 1 August 2013

Widgets

How To Add POP UP Facebook Like Box For Blog/Website

Posted By : Unknown | Thursday 1 August 2013 first to comment!
PUT YOUR PARSED ADSENSE CODE HERE
How To Add POP UP Facebook Like Box For Blog/Website
This Tutorial we discuss, How To Add POP UP Facebook Like Box For Blogger and Website.it's important tool and widget for increase your feed burner readers and Facebook page like. Facebook is one of the best social media website in all world use and get traffic in all country's through your Facebook fan page.so don't forget to install this widget in your blogger and website this widget.this widget is attractive and looking good.some time we fount it but not install properly.in below all method given how we can install it.now let's we back and trying to install it in blogger and website.
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.com
2.) 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/AVvXsEjRHHCmQxeWjo6vkMKn2K05ZD4K64uAhIzzyq9WKHJr5edqxEPp9Jkpi5BEj7qOzix_VeEHNW40x90qwxGAkunbXTLlcnyFhCgNNKpm2Q_T1OsImcwNSFKhsoCTAwcX5fagJVq9JYoRCXI/s1600/controls.png) no-repeat 0 0}#cboxTopCenter{height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6G1jOsIWIjNtj1B8vmxjRyp8e-x05tUmcbjK-xdNoftJeCI9ov84DcVZUA-0TH9ITkCHm3M-cIwNHS-joAizsz5fVsXY5-kn964UZJCzE5FAM_SLJpdX4sx3vRexMT0sownLKpy8VRFs/s400/border.png) repeat-x top left}#cboxTopRight{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRHHCmQxeWjo6vkMKn2K05ZD4K64uAhIzzyq9WKHJr5edqxEPp9Jkpi5BEj7qOzix_VeEHNW40x90qwxGAkunbXTLlcnyFhCgNNKpm2Q_T1OsImcwNSFKhsoCTAwcX5fagJVq9JYoRCXI/s1600/controls.png) no-repeat -36px 0}#cboxBottomLeft{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRHHCmQxeWjo6vkMKn2K05ZD4K64uAhIzzyq9WKHJr5edqxEPp9Jkpi5BEj7qOzix_VeEHNW40x90qwxGAkunbXTLlcnyFhCgNNKpm2Q_T1OsImcwNSFKhsoCTAwcX5fagJVq9JYoRCXI/s1600/controls.png) no-repeat 0 -32px}#cboxBottomCenter{height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6G1jOsIWIjNtj1B8vmxjRyp8e-x05tUmcbjK-xdNoftJeCI9ov84DcVZUA-0TH9ITkCHm3M-cIwNHS-joAizsz5fVsXY5-kn964UZJCzE5FAM_SLJpdX4sx3vRexMT0sownLKpy8VRFs/s400/border.png) repeat-x bottom left}#cboxBottomRight{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRHHCmQxeWjo6vkMKn2K05ZD4K64uAhIzzyq9WKHJr5edqxEPp9Jkpi5BEj7qOzix_VeEHNW40x90qwxGAkunbXTLlcnyFhCgNNKpm2Q_T1OsImcwNSFKhsoCTAwcX5fagJVq9JYoRCXI/s1600/controls.png) no-repeat -36px -32px}#cboxMiddleLeft{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRHHCmQxeWjo6vkMKn2K05ZD4K64uAhIzzyq9WKHJr5edqxEPp9Jkpi5BEj7qOzix_VeEHNW40x90qwxGAkunbXTLlcnyFhCgNNKpm2Q_T1OsImcwNSFKhsoCTAwcX5fagJVq9JYoRCXI/s1600/controls.png) repeat-y -175px 0}#cboxMiddleRight{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRHHCmQxeWjo6vkMKn2K05ZD4K64uAhIzzyq9WKHJr5edqxEPp9Jkpi5BEj7qOzix_VeEHNW40x90qwxGAkunbXTLlcnyFhCgNNKpm2Q_T1OsImcwNSFKhsoCTAwcX5fagJVq9JYoRCXI/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/AVvXsEj3MTPSwyD_-fmPrUVUsRsvemLpKHc5H8YlzPT83tCKpqCbqz5YYEd8iiCrJBhnlsJt8L7YHakxZHeTnFoh3JRaWRkWtNRbJght7B4qm1va17Su6dDYeedExf3NReob_nJoRqmU584-bMg/s400/loadingbackground.png) no-repeat center center}#cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWarc8oPrKvBbHNJNxxmF2CloNqOlAJZJPoQeDOqvkkUUN18xP6FKiwKaTZejXx5Byo4zSiPVl53swzIDbPmGSP0WE_tU_KECGi-UKg_eG2o7Tk1obAyc5HGf7ILvGYRhAHrJB_yzk39U/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/AVvXsEjRHHCmQxeWjo6vkMKn2K05ZD4K64uAhIzzyq9WKHJr5edqxEPp9Jkpi5BEj7qOzix_VeEHNW40x90qwxGAkunbXTLlcnyFhCgNNKpm2Q_T1OsImcwNSFKhsoCTAwcX5fagJVq9JYoRCXI/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&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://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.
Hope You Like This Widget.Share And like
Do you Like this story..?

Get Free Email Updates Daily!

Follow us!





0 comments : Post Yours! Read Comment Policy ▼
PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with Links will be deleted immediately upon our review.

Post a Comment

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.

Note:
1. To add HTML CODE in comments then please use our HTML Encoder
2. You can always Test the tutorial on our HTML Editor
3. Please do not spam Spam comments will be deleted immediately upon our review.

Regards,
Imtiaz Ahmed

  • Tips And Tricks
  • Template
  • Make Money
  • Widget
  • Sitemap
  • Back To Top