Tuesday, 24 November 2015

Social Welcome Popup Box With Social Share Using Jquery For Blogger

Social Welcome Popup Box With Social Share Using Jquery For Blogger
Hi All Of CBT Fans, After Long Time I Will Post Small Article for Your Blogger Blog's. This Hack For Popup Box, This Popup bov design using jquery and css, if any visitor on your site, he or she should like or tweet your fan page, its simple and quality hack, Follow This Steps To Don It

Check This Demo
Demo Blog

1. Go to Layout >> Add a Gadget >> Add a HTML/JavaScript Gadget.

After Add This Code To There
  • <style>#stp-bg{ display:none; position:fixed; _position:absolute; /* hack for IE 6*/ height:100%; width:100%; top:0; left:0; background:#000000; z-index:998;} #stp-main{ position:fixed; top:220px; _position:absolute; /* hack for IE 6*/ display:none; width:450px; border:7px solid #2f2f2f; background:#fff; z-index:999; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; margin:0pt; padding:0pt; color:#333333; text-align:left; font-family:arial,sans-serif !important; font-size:13px;} #stp-title{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important; font-size:18px; padding:13px 0 13px 15px;} #stp-close{ float:right; font-size:14px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; color:#777777 !important; margin:0 13px 0 0; border-bottom:0px !important; text-decoration:none !important;} #stp-close:hover{ text-decoration:none !important;} #stp-msg{ background:#4074CF; padding:10px 15px; color:#ffffff; font-family:Arial, Helvetica, sans-serif !important; font-weight:bold; line-height:20px;} #stp-buttons{ margin:25px 0px 25px 120px; padding:0 0 0 15px;} #stp-bottom{ padding:15px 10px; background:#EFEFEF; color:#95989F; border-top:1px solid #DDE0E8;} #stp-counter{ font-size:11px !important; text-align:right; font-weight:bold;} .stp-button{ float:left; width:120px;} .step-clear{ clear:both !important;}</style><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script><script type="text/javascript" src="http://swflor.googlecode.com/files/jquery.stp.min.js"></script> <script> $(document).ready(function(){ $().socialTrafficPop({ timeout: 30, title: "Wellcome To Coolbthemes Demo Blog ", message: 'Please Like And <em>Help Us To Grow</em>! ', google_url: "", google_size: "tall", fb_url: "https://www.facebook.com/tipsandtricx", fb_layout: "box_count", closeable: true, advancedClose: false, opacity: '0.45', twitter_on: true }); }); </script>
 Replace This Link "https://www.facebook.com/tipsandtricx" With Your Fan page URL

 Now All Is Don

If you Have Any Question Please Comment Here

Previous Post
Next Post

post written by:

0 Google+:

Please Keep in mind that if there is a link in your comment section it will be considered as spam. Comment with link will be removed instantly.
Comment to get answered or to solve a problem not to spam. Thanks