Like To Enter Advanced Social Traffic POP V1 has been Released Don't forget to banking company fit it.
If your spider web log has tons of dailyvisitors, but withal y'all are unable to convert your traffic into coin as well as then this is a life fourth dimension chance to increase your Facebook, Twitter, Google + as well as Feeds subscribers inwards large numbers. Today, piece I was browsing the world’s largest Plugins as well as 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 practise 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 as well as nosotros tin fifty-fifty include Feedburner subscription widget, thus instead of waiting allow us start working amongst Social Media Traffic Pop Widget for Blogger. Before nosotros acquire started, I know y'all would endure astonished to thought the alive demo thus commencement laissez passer on it a try
Features of Social Media Traffic Pop Widget:
- This widget is built amongst Ultra-fast technology.
- This widget gives your liberty to include whatever widget that y'all desire to encounter inwards the Social Pop.
- Has stunning LightBox style.
- This widget is integrated amongst Facebook Like Box, Twitter as well as Feedburner widgets.
- Social Media Traffic Pop is tested on many browsers i.e. Chrome, FireFox, meshwork explorer, as well as etc.
How To Add Social Media Traffic Pop Widget To Blogger?
The steps are extremely straightforward as well as would hardly accept two minutes to consummate the integration, thus to acquire started but practise equally mentioned bellow.
- Go to Blogger.com
- Now Select Layout from the tool menu.
- Then press Add a Gadget
- Now expect for “ADD HTML/JAVASCRIPT” inwards the list.
- And instantly 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 inwards a agency 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 move yesteryear 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 oculus center;}
#cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkP56SMcFcFjAIynkQw03YOS8uznCwQW3qQsXs9E7GoyysW5oLHTW0UWx53yawO_5EpP9qDfHL-QhPBjGwqMn3Q-o91n7sbTDsZ3Lt2j6F9WWvPomYqVpEsp6NFzAI7aRclEH3nF_r48E/s400/loading.gif) no-repeat oculus 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 move yesteryear 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 oculus center;} #cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkP56SMcFcFjAIynkQw03YOS8uznCwQW3qQsXs9E7GoyysW5oLHTW0UWx53yawO_5EpP9qDfHL-QhPBjGwqMn3Q-o91n7sbTDsZ3Lt2j6F9WWvPomYqVpEsp6NFzAI7aRclEH3nF_r48E/s400/loading.gif) no-repeat oculus 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 company #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 company #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 company #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 company #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&width=300&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&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 e-mail here..." onblur="if (this.value == '') {this.value = 'Enter your e-mail here...';}" onfocus="if (this.value == 'Enter your e-mail here...') {this.value = '';}" 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="http://www.mybloggerlab.com"></a></p>
</div>
</div>
Customization:
- The inwards a higher house text inwards Blue color tin endure alter to anything that y'all like, or y'all croak along it same equally default.
- Replace mybloggerlab with your RSS Feed Email username, if y'all conduct keep non burned y'all feed encounter this.
- 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 endure able to encounter this popular out i time inwards xxx days, but if y'all desire to acquire inwards to a greater extent than frequent as well as then trim down its value. Remember: This may annoy your readers thus endure careful earlier making whatever changes.
6. Now press the salvage push clitoris as well as instantly banking company fit your spider web log it volition laissez passer on y'all film perfect results.
That’s it guys, promise y'all conduct keep enjoyed the widget. If y'all conduct keep whatever proffer or y'all desire to optimize this Social Media Pop amongst to a greater extent than stunning features, as well as then don’t forgot to exit your comment till as well as then peace, blessings, as well as happy learning.
Credits:www.mybloggertricks.com
Credits:www.mybloggertricks.com
No comments:
Post a Comment