Tuesday, June 18, 2019

Jquery Social Traffic Popular Upwards Plugin For Blogger

Like To Enter Advanced Social Traffic POP V JQuery Social Traffic Pop upward Plugin For Blogger
Like To Enter Advanced Social Traffic POP V1 has been Released Don't forget to banking concern fit it.
If your weblog has tons of dailyvisitors, but even therefore y'all are unable to convert your traffic into coin in addition to then this is a life fourth dimension chance to growth your Facebook, Twitter, Google + in addition to Feeds subscribers inward large numbers. Today, spell I was browsing the world’s largest Plugins in addition to Widgets resources i.e. Codecanyon I came across lots of Social Traffic Pop widgets for WordPress, but I was amused that at that topographic point was no resources for users using Blogger platform. So I idea to exercise a Social Traffic Pop widget, which is non totally identical to WordPress Social Traffic Pop Plugin.

In This Social Traffic Pop Widget, nosotros tin easily insert Facebook Like box, Twitter Follow, Google Plus in addition to nosotros tin fifty-fifty include Feedburner subscription widget, therefore instead of waiting allow us start working alongside Social Media Traffic Pop Widget for Blogger. Before nosotros acquire started, I know y'all would move astonished to thought the alive demo therefore get-go laissez passer on it a try


Features of Social Media Traffic Pop Widget:

  • This widget is built alongside Ultra-fast technology.
  • This widget gives your liberty to include whatsoever widget that y'all desire to encounter inward the Social Pop.
  • Has stunning LightBox style.
  • This widget is integrated alongside Facebook Like Box, Twitter in addition to Feedburner widgets.
  • Social Media Traffic Pop is tested on many browsers i.e. Chrome, FireFox, meshwork explorer, in addition to etc.

How To Add Social Media Traffic Pop Widget To Blogger?

The steps are extremely straightforward in addition to would hardly get got ii minutes to consummate the integration, therefore to acquire started only exercise every bit mentioned bellow. 
  • Go to Blogger.com
  • Now Select Layout from the tool menu.
  • Then press Add a Gadget
  • Now await for “ADD HTML/JAVASCRIPT” inward the list.
  • And similar a shot glue the next code within it. 
<style>
    /*  Social Traffic Pop Widget For Blogger BY MBL     MyBloggerLab.com
    */
    #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;}
    /*
       User Style:
       Change the next styles to modify the appearance of ColorBox.  They are
       ordered & tabbed inward a means that represents the nesting of the generated HTML.
    */
    #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/AVvXsEj2eoW4JAp2jBLx8_XL2KC0jE5YrlRLALWJcvs3kWT_BppRpxgVn0M1B1FcEfCVu2oDZVvppVOQFVhdGJv0ZHkhQ7Ce3a-u0UZQWXDGWrNWzQw3IiVZhB7pF2zwNCRLS4Qa9Hvn6UetH8Q/s1600/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpE4hDO-iYZRszoPlLV5Wx2ub8LvoK-XCG_IluyhvfT5igExL0v3CQhWh24Xq49h2hX0xIpBczoI-6VPZUJwigidhvbBs-Ix6Y4Bp7i03TwJYGYQ2ZsuKKywgdu4ZVGYBMeULtrG5igig/s400/border.png) repeat-x transcend left;}
    #cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2eoW4JAp2jBLx8_XL2KC0jE5YrlRLALWJcvs3kWT_BppRpxgVn0M1B1FcEfCVu2oDZVvppVOQFVhdGJv0ZHkhQ7Ce3a-u0UZQWXDGWrNWzQw3IiVZhB7pF2zwNCRLS4Qa9Hvn6UetH8Q/s1600/controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2eoW4JAp2jBLx8_XL2KC0jE5YrlRLALWJcvs3kWT_BppRpxgVn0M1B1FcEfCVu2oDZVvppVOQFVhdGJv0ZHkhQ7Ce3a-u0UZQWXDGWrNWzQw3IiVZhB7pF2zwNCRLS4Qa9Hvn6UetH8Q/s1600/controls.png) no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpE4hDO-iYZRszoPlLV5Wx2ub8LvoK-XCG_IluyhvfT5igExL0v3CQhWh24Xq49h2hX0xIpBczoI-6VPZUJwigidhvbBs-Ix6Y4Bp7i03TwJYGYQ2ZsuKKywgdu4ZVGYBMeULtrG5igig/s400/border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2eoW4JAp2jBLx8_XL2KC0jE5YrlRLALWJcvs3kWT_BppRpxgVn0M1B1FcEfCVu2oDZVvppVOQFVhdGJv0ZHkhQ7Ce3a-u0UZQWXDGWrNWzQw3IiVZhB7pF2zwNCRLS4Qa9Hvn6UetH8Q/s1600/controls.png) no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2eoW4JAp2jBLx8_XL2KC0jE5YrlRLALWJcvs3kWT_BppRpxgVn0M1B1FcEfCVu2oDZVvppVOQFVhdGJv0ZHkhQ7Ce3a-u0UZQWXDGWrNWzQw3IiVZhB7pF2zwNCRLS4Qa9Hvn6UetH8Q/s1600/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2eoW4JAp2jBLx8_XL2KC0jE5YrlRLALWJcvs3kWT_BppRpxgVn0M1B1FcEfCVu2oDZVvppVOQFVhdGJv0ZHkhQ7Ce3a-u0UZQWXDGWrNWzQw3IiVZhB7pF2zwNCRLS4Qa9Hvn6UetH8Q/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/AVvXsEigbwydOA4zUT5hl6nT9pENDfCFW83BNX6ZlXFodCMPSn4V89kQ4j7OKax9k_Yhe-khn1O5mtB_T6sXJ3ouuBMP1_UirWozfBlMTkmaog4gveQuSg5uqVWxyK9I_L8-t5te_IxQLRhy1uo/s400/loadingbackground.png) no-repeat pump center;}
        #cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkP56SMcFcFjAIynkQw03YOS8uznCwQW3qQsXs9E7GoyysW5oLHTW0UWx53yawO_5EpP9qDfHL-QhPBjGwqMn3Q-o91n7sbTDsZ3Lt2j6F9WWvPomYqVpEsp6NFzAI7aRclEH3nF_r48E/s400/loading.gif) no-repeat pump 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/AVvXsEj2eoW4JAp2jBLx8_XL2KC0jE5YrlRLALWJcvs3kWT_BppRpxgVn0M1B1FcEfCVu2oDZVvppVOQFVhdGJv0ZHkhQ7Ce3a-u0UZQWXDGWrNWzQw3IiVZhB7pF2zwNCRLS4Qa9Hvn6UetH8Q/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;}#cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpE4hDO-iYZRszoPlLV5Wx2ub8LvoK-XCG_IluyhvfT5igExL0v3CQhWh24Xq49h2hX0xIpBczoI-6VPZUJwigidhvbBs-Ix6Y4Bp7i03TwJYGYQ2ZsuKKywgdu4ZVGYBMeULtrG5igig/s400/border.png) repeat-x transcend left;}     #cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2eoW4JAp2jBLx8_XL2KC0jE5YrlRLALWJcvs3kWT_BppRpxgVn0M1B1FcEfCVu2oDZVvppVOQFVhdGJv0ZHkhQ7Ce3a-u0UZQWXDGWrNWzQw3IiVZhB7pF2zwNCRLS4Qa9Hvn6UetH8Q/s1600/controls.png) no-repeat -36px 0;}     #cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2eoW4JAp2jBLx8_XL2KC0jE5YrlRLALWJcvs3kWT_BppRpxgVn0M1B1FcEfCVu2oDZVvppVOQFVhdGJv0ZHkhQ7Ce3a-u0UZQWXDGWrNWzQw3IiVZhB7pF2zwNCRLS4Qa9Hvn6UetH8Q/s1600/controls.png) no-repeat 0 -32px;}     #cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpE4hDO-iYZRszoPlLV5Wx2ub8LvoK-XCG_IluyhvfT5igExL0v3CQhWh24Xq49h2hX0xIpBczoI-6VPZUJwigidhvbBs-Ix6Y4Bp7i03TwJYGYQ2ZsuKKywgdu4ZVGYBMeULtrG5igig/s400/border.png) repeat-x bottom left;}     #cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2eoW4JAp2jBLx8_XL2KC0jE5YrlRLALWJcvs3kWT_BppRpxgVn0M1B1FcEfCVu2oDZVvppVOQFVhdGJv0ZHkhQ7Ce3a-u0UZQWXDGWrNWzQw3IiVZhB7pF2zwNCRLS4Qa9Hvn6UetH8Q/s1600/controls.png) no-repeat -36px -32px;}     #cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2eoW4JAp2jBLx8_XL2KC0jE5YrlRLALWJcvs3kWT_BppRpxgVn0M1B1FcEfCVu2oDZVvppVOQFVhdGJv0ZHkhQ7Ce3a-u0UZQWXDGWrNWzQw3IiVZhB7pF2zwNCRLS4Qa9Hvn6UetH8Q/s1600/controls.png) repeat-y -175px 0;}     #cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2eoW4JAp2jBLx8_XL2KC0jE5YrlRLALWJcvs3kWT_BppRpxgVn0M1B1FcEfCVu2oDZVvppVOQFVhdGJv0ZHkhQ7Ce3a-u0UZQWXDGWrNWzQw3IiVZhB7pF2zwNCRLS4Qa9Hvn6UetH8Q/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/AVvXsEigbwydOA4zUT5hl6nT9pENDfCFW83BNX6ZlXFodCMPSn4V89kQ4j7OKax9k_Yhe-khn1O5mtB_T6sXJ3ouuBMP1_UirWozfBlMTkmaog4gveQuSg5uqVWxyK9I_L8-t5te_IxQLRhy1uo/s400/loadingbackground.png) no-repeat pump center;}         #cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkP56SMcFcFjAIynkQw03YOS8uznCwQW3qQsXs9E7GoyysW5oLHTW0UWx53yawO_5EpP9qDfHL-QhPBjGwqMn3Q-o91n7sbTDsZ3Lt2j6F9WWvPomYqVpEsp6NFzAI7aRclEH3nF_r48E/s400/loading.gif) no-repeat pump 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/AVvXsEj2eoW4JAp2jBLx8_XL2KC0jE5YrlRLALWJcvs3kWT_BppRpxgVn0M1B1FcEfCVu2oDZVvppVOQFVhdGJv0ZHkhQ7Ce3a-u0UZQWXDGWrNWzQw3IiVZhB7pF2zwNCRLS4Qa9Hvn6UetH8Q/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;}    /*-----------------------------------------------------------------------------------*/
    /*  Social Traffic Pop Widget For Blogger BY MBL
    /*-----------------------------------------------------------------------------------*/
    #subscribe {
        font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
    }
    #subscribe a,
    #subscribe a:hover,
    #subscribe a:visited {
        text-decoration:none;
    }
    .box-title {
       color: #F66303;
       font-size: 18px !important;
       font-weight: bold;
       margin: 10px 0;
    border:1px corporation #ddd;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    box-shadow: 5px 5px 5px #CCCCCC;
    padding:10px;
    line-height:25px; font-family:arial !important;
    }

     .box-tagline {
       color: #999;
       margin: 0;
       text-align: center;
    }
    #subs-container {
        padding: 35px 0 30px 0;
        position: relative;
    }
    a:link, a:visited {
    border:none;
    }
    .demo {
    display:none;
    }

 /* ---------MBL Subscribe NOW Form---------- */
    .box-title1 {
    border:1px corporation #ddd;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    box-shadow: 5px 5px 5px #CCCCCC;
        padding:10px;
  margin: 10px 0;
    }
    .enteryouremail{
background: #fff !important;
border: 1px corporation #d2d2d2;
padding: 0px 8px 0px 8px;
color: #a19999; font-size: 12px;
height: 25px; width: 165px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin:0px;
}
    .submitbutton{
background:#F66303;
border: 1px corporation #F66303;
text-shadow: 1px 1px 1px #333;
box-shadow: 3px 3px 3px #666;
font:bold 12px Arial, sans-serif;
color: #fff;
height: 25px;
padding: 0 12px 0 12px;
margin: 0 0 0 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
cursor:pointer;}
    </style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script src="http://mybloggertricks.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 = novel Date((new Date()).valueOf() + fifteenDays);
       document.cookie = "visited=true;expires=" + expires.toUTCString();
   $.colorbox({width:"400px", inline:true, href:"#subscribe"});
       }
});
</script>

         <div style='display:none'>
       <div id='subscribe' style='padding:10px; background:#fff;'>
            <h3 class="box-title">Receive all updates via Facebook. Just Click the Like Button Below<center><p style="line-height:3px;" >?</p></center></h3>
          <center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FMyBloggerLab&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&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> 
</center>
<div class="box-title1 ">
<center>
<h3 style="color:#F66303;">You tin also have Free Email Updates:</h3>
    <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=mybloggerlab', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="enteryouremail" name="email" value="Enter your electronic mail here..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your electronic mail here...&#39;;}" onfocus="if (this.value == &#39;Enter your electronic mail here...&#39;) {this.value = &#39;&#39;;}" type="text" /><input value="mybloggerlab" name="uri" type="hidden" /><input value="Submit" class="submitbutton" type="submit" /></form>
</center>
</div>
<!--Please Do non Remove the Credits -->
    <p style=" float:right;  margin-right:35px;  font-size:9px;" >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href=" "></a></p>
    </div>
    </div>
Customization:
  • The higher upward text inward Blue color tin move modify to anything that y'all like, or y'all boot the bucket on it same every bit default.
  • Replace  MyBloggerLab  with your Facebook page username.
  • *30 changing this value volition refresh the cookies to a greater extent than quickly. By default y'all users volition move able to encounter this popular out in i lawsuit inward xxx days, but if y'all desire to acquire inward to a greater extent than frequent in addition to then trim its value. Remember: This may annoy your readers therefore move careful earlier making whatsoever changes. 
6. Now press the salve push clitoris in addition to similar a shot banking concern fit your weblog it volition laissez passer on y'all pic perfect results.

That’s it guys, promise y'all get got enjoyed the widget. If y'all get got whatsoever proposition or y'all desire to optimize this Social Media Pop alongside to a greater extent than stunning features, in addition to then don’t forgot to move out your comment till in addition to then peace, blessings, in addition to happy learning.

 Credits:www.mybloggertricks.com
Posted by at
Labels:

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)