Increase Your blogger Traffic With Social Taffic Pop jQuery Plugin

Increase Your blogger Traffic with Social Taffic Pop jQuery Plugin. It is very simple and easy tool For your website and Blog Which Start Work After.

See Demo  

How It Work

Social Traffic Pop open a pop screen with timer. which give opinion to Visitors for wait for 30 sec. or share your post which escape time after share. It increase your share in social website like facebook, google pluse one and twitter.


How To Install 

Login To Blogger  Go To Design >>Edit Html>> Find </head> and paste Below Code before It.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'/>
    <script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>  
    <script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

    <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
    
    <script src='http://onlinewebsitebuilder.in/js/jquery.stp.js' type='text/javascript'/>

    <script>
     
    $(document).ready(function(){          
                                   
            $().socialTrafficPop({
                    timeout: 30,
                    title: "Help Us To Grow",
                    message: 'Share my hot new article with your friends! (<a href="http://www.cybergeekshop.com/">Get Widget</a>)',
                    google_url: "Your-website-link",
                    facebook_url: "Your-website-link",
                    closeable: false,
                    advancedClose: false,
                    opacity: '0.45',
                    twitter_method: "tweet"
            });
           
    });
     
     
    </script>
    <style type='text/css'>
#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;
    _position:absolute; /* hack for IE 6*/
    display:none;
    width:450px;
    border:7px solid #2f2f2f;
    background:#fff;
    z-index:999;
    -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:&quot;Lucida Sans Unicode&quot;, &quot;Lucida Grande&quot;, sans-serif !important;
    font-size:12px;
    padding:12px 0px 9px 10px;
    font-size:16px;
}

#stp-close{
    float:right;
    font-size:12px;
    color:#000!important;
    margin:0 13px 0 0;
    border-bottom:0px !important;
    text-decoration:underline !important;
}

#stp-close:hover{
    text-decoration:none !important;
}

#stp-msg-cont{
    border-bottom:1px solid #cddcf9;
    border-top:1px solid #cddcf9;
    background:#ebf2fc;
    padding:16px;
}

#stp-msg{
    margin:0 0 22px 0;
}

#stp-bottom{
    padding:5px 10px 10px 0px;
}

#stp-counter{
    font-size:11px !important;
    text-align:right;
}

.stp-button{
    float:left;
    width:120px;
}

.step-clear{
    clear:both !important;
}
</style>

Replace the two line from above code.

google_url: "Your-website-link",
facebook_url: "Your-website-link",
 

 Change red Code with the link which you want to share.