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
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/fbpages0001", fb_layout: "box_count", closeable: true, advancedClose: false, opacity: '0.45', twitter_on: true }); }); </script>
Now All Is Don
If you Have Any Question Please Comment Here
Enjoy..!!

its not working in my blog http://snehapoorvvam-shoukkathali.blogspot.com/
ReplyDeleteYour Blog Have Already Jquery Version, Add This Code Without Jquery Js
DeleteNot working !!
ReplyDeleteNo its working
Deletecan i have without the timer, one time only based on cache ?
ReplyDeletetimeout: 30,
Deleteremove this code :)
Can you add this to other website? If yes where to add the code? In css or index or ?
ReplyDeleteyes you can add this css, html and jquery code :)
Delete