26 July, 2013

Facebook Like Popup Box Widget For Blogger

Friday, July 26, 2013

Share it Please
Facebook Like Popup Box Widget For Blogger

Beautiful Facebook Like Popup Box Widget is very helpful in increasing your facebook page like.This Beautiful widget is popup when someone open your site but once not on every page views and the interval of Popup for one visitors is 30 days.You can change the value of popuping and interval as you want.

So lets Start...

Facebook Like Popup Box Widget For Blogger

Step 1
Go To Your Blogger Layout
Click On Add Widget
Add HTML/JAVA Widget
And Paste Below Code In It


<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,#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/AVvXsEiiVkdemRmuB3US_tu2GCcuMEPogUjJKsr2YnGqjLZic7Dz4V6O_fiR7hdHbFRxg3T6DGuaK20KXrjLWPXGzqwkmtNuFMdeUmM1sjADYbEsezYBI0ynMeT3l2YMgc2yXKP4Eu2xRxyei6o/s1600/controls.png) no-repeat 0 0}#cboxTopCenter{height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJFKIqzzfBXUiLmiybUckVOXZkQKU8N9zHi1wFC9TDHj6D3wgMLlKZL6eYLtu42QdHSVwY0iWY4bYdb6I2gGuyyoKi4_0lKH7meWfvteaGZwWo86Zk2tybyuQv49F7dmqe1H36UMrGH5w/s400/border.png) repeat-x top left}#cboxTopRight{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiVkdemRmuB3US_tu2GCcuMEPogUjJKsr2YnGqjLZic7Dz4V6O_fiR7hdHbFRxg3T6DGuaK20KXrjLWPXGzqwkmtNuFMdeUmM1sjADYbEsezYBI0ynMeT3l2YMgc2yXKP4Eu2xRxyei6o/s1600/controls.png) no-repeat -36px 0}#cboxBottomLeft{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiVkdemRmuB3US_tu2GCcuMEPogUjJKsr2YnGqjLZic7Dz4V6O_fiR7hdHbFRxg3T6DGuaK20KXrjLWPXGzqwkmtNuFMdeUmM1sjADYbEsezYBI0ynMeT3l2YMgc2yXKP4Eu2xRxyei6o/s1600/controls.png) no-repeat 0 -32px}#cboxBottomCenter{height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJFKIqzzfBXUiLmiybUckVOXZkQKU8N9zHi1wFC9TDHj6D3wgMLlKZL6eYLtu42QdHSVwY0iWY4bYdb6I2gGuyyoKi4_0lKH7meWfvteaGZwWo86Zk2tybyuQv49F7dmqe1H36UMrGH5w/s400/border.png) repeat-x bottom left}#cboxBottomRight{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiVkdemRmuB3US_tu2GCcuMEPogUjJKsr2YnGqjLZic7Dz4V6O_fiR7hdHbFRxg3T6DGuaK20KXrjLWPXGzqwkmtNuFMdeUmM1sjADYbEsezYBI0ynMeT3l2YMgc2yXKP4Eu2xRxyei6o/s1600/controls.png) no-repeat -36px -32px}#cboxMiddleLeft{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiVkdemRmuB3US_tu2GCcuMEPogUjJKsr2YnGqjLZic7Dz4V6O_fiR7hdHbFRxg3T6DGuaK20KXrjLWPXGzqwkmtNuFMdeUmM1sjADYbEsezYBI0ynMeT3l2YMgc2yXKP4Eu2xRxyei6o/s1600/controls.png) repeat-y -175px 0}#cboxMiddleRight{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiVkdemRmuB3US_tu2GCcuMEPogUjJKsr2YnGqjLZic7Dz4V6O_fiR7hdHbFRxg3T6DGuaK20KXrjLWPXGzqwkmtNuFMdeUmM1sjADYbEsezYBI0ynMeT3l2YMgc2yXKP4Eu2xRxyei6o/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/AVvXsEiUNKZZ8mNg58GsAMpZkpyAdapK3bYmTZ0BEnoqXEw7uIECROYJZHCeiBORornED2IC_MmIVk9pBtvwUYYu2LdiXutSgQhv7deg1YC0wcLeLSCYdjNlo71pDp7Gvl_qh77S9AS2DR1nSMg/s400/loadingbackground.png) no-repeat center center}#cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipZ7NbfXQJOHLkGMsl3p2-OG2tNNgsfEUlmsALtreYeeBefn5nCCIDWbeADf4l8PBPQGVL0TCImjDOAVAnWD2iLkXihQhKy6VxhNlNzZEEP6cWrurh248xaRzlITLNffDgGba2bErGsUg/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/AVvXsEiiVkdemRmuB3US_tu2GCcuMEPogUjJKsr2YnGqjLZic7Dz4V6O_fiR7hdHbFRxg3T6DGuaK20KXrjLWPXGzqwkmtNuFMdeUmM1sjADYbEsezYBI0ynMeT3l2YMgc2yXKP4Eu2xRxyei6o/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:#ccc;color:#000;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:#C9C9DB;'><center><h3 class="mdbox-title">Like F4U Online Courses on Facebook</h3></center><center><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ff4uonlinecourses&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%#7A7A52&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>

You May Also Like:Recent Post Widget With Thumbnails For Blogger


Instruction

Replace             if you want to show popup on every page views
Replace             for your desired interval of time like 28 days or 30 days
Replace             with your desired text
Replace             with your Facebook Page Url

Note
If you find any problem regarding 'Facebook Like Popup Box Widget For Blogger' feel free to comment below.
C3CQWFMDASRQ

0 comments:

Post a Comment