Social Welcome Popup Box With Social Share Using Jquery For Blogger|Blogger Tips 2016

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/manshah.mohsin",   fb_layout: "box_count",                     closeable: true,                      advancedClose: false,                      opacity: '0.45', twitter_on: true              });                  });      </script>
  
  

 Replace This Link "https://www.facebook.com/manshah.mohsin" With Your Fan page URL

 Now All Is Don

If you Have Any Question Please Comment Here

 Enjoy..!!