ProSeoLand

How To Add All in One Widget For Blogger

#1 Attractive Hybrid Social Media & Email Subscription

<script type='text/javascript'>//<![CDATA[$(document).ready(function(){if(!$.browser.msie) $(".sbglap ul li").hover(function() {$(this).siblings().stop().fadeTo(400,0.4);}, function() { $(this).siblings().stop().fadeTo(400,1); });});//]]></script><style type="text/css">.sbsocial ul {list-style:none; display:inline}.sbsocial li {float:left;padding: 0px 1px 0px 0px;}.sbsocial li:nth-child(6) {padding: 0;}.sbsocial li a img{height:49px;width:49px}#sbrss-news {background-color: #CF274B;width: 266px;color: white;padding: 0 15px 15px;margin-top: -3px;}#sbrss-news input {outline: 0;}</style>
<div class="sbsocial"><span class="sbglap"><ul><li><a href="https://www.facebook.com/ProSeoLand"><img title='Facebook' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGp9TfMnSCTJ2wXcxj-FT2isZSTclc3JJ_DgbvLYOqXR33E3fVNoM_q3887n6ayX-HRvYopBgNukc4s8Ot84_OeCsAk1s7DBpTikfbe952zoFkf0woSpHzTnO4kHulVo3Zuk8vNR-d-gE/s1600/facebook_64.png" /></a></li><li><a href="https://twitter.com/ProSeoLand"><img title='Twitter'  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0qMVlDtMYai9KZUzC7taqUgLia4SGiF1v11GYd3YMs3MRIXgLXjbMlJ7CDtbVFDMlryXZB0dh5BsXEensjosj4hREgCbARX6VPR_JLMsCZoz5Wm40B7beEHX65CgQuunI2LCxYycVgnY/s1600/twitter_64.png" /></a></li><li><a href="https://plus.google.com/107727767320296948851"><img title='Google +' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1dfIsvQN1A53DMEP36keBxnGU8xcZeNfMwGgIc_UIm08TMTvhO8r0IUfhldMz9yFG61L9EetYFGT61KVpyAel9_4vHo4zB2jdo1r-iudCwy0ZhGkfWcnrfZ7LAM5jRxEtRprnSp58XUo/s1600/google-plus_64.png" /></a></li><li><a href="http://feeds.feedburner.com/ProSeoLand"><img title='Rss' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaC0NjBI3shnhk8nRNZPdsOX80Mg_9dnZdqm7WaTSHdn-oV3IzMuQX83rVzfFj869fzpzfOJrApQw4MEOoD1RAlpJ8Aurnnsc1ukqV15opti0XEwx23mamhMkXpCFtJVAqmeJTYWpr1VQ/s1600/rss_64.png" /></a></li><li><a href="http://pinterest.com/ProSeoLand/"><img title='Pinterest' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxk5zrtX5i-e5k4DKwCkcykpBcWyX6thRhKXYa8oIdn89E_NQBkOyLc7OI3VTAVtmjaDfh4jugqCJPX-kDIQib1ZQfpQpSIxZOwTuTu6BA-UmZnuspz1_ovyqvixBPsKPbrWUkmkhQ-rM/s1600/pinterest_64.png" /></a></li><li><a href="http://bloggers.com/ProSeoLand"><img title='Bloggers' style="width:46px" src="https://dl.dropboxusercontent.com/u/87055319/blogger_64%20(1).png" /></a></li><li><div id="sbrss-news"><form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ProSeoLand', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin-bottom: 0px" target="popupwindow"><br /><span><span class="">Sign up for email to not miss these articles every day.</span></span><br /><input name="email" style="width:240px; margin: 5px 0px; border: 1px solid #ccc; padding: 4px; font-size: 1.0em; color: #555;" type="text" value="insert your email here » enter"/><input name="uri" type="hidden" value="ProSeoLand" /><input name="loc" type="hidden" value="en_us" /><br /><span><span>(*) Check mail to confirm information!</span></span></form></div></li></ul></span></div>

<style type="text/css"> 
#tt-subscribe-box .fb-like-box { border: 1px solid #EBEBEB; padding: 5px; background:#fff;}
#tt-subscribe-box .gplusone { background: #f7fcfc; border: 1px solid #EBEBEB; border-top: 1px solid #fff; color: #000; font-size: 10px; line-height: 1px; padding:5px;}
#tt-subscribe-box .twitter-follow { background: #eef9f9; border: 1px solid #dff6f6; border-top: 1px solid #fff; padding:5px 11px;}
#tt-subscribe-box .email-box {background:#e3edf4; padding:11px;}
#tt-subscribe-box .email-box h4{color: #555;font-family: Arial;font-size: 12px; margin: 0 0 10px;}
#tt-subscribe-box .email-box .txt,#tt-subscribe-box .email-box .txt:focus{background:#fff; float:left; color:#92c3c3; border:1px solid #E36B0A; border-radius: 3px; padding: 7px 10px 8px; width: 150px;}
#tt-subscribe-box .email-box .btn,#tt-subscribe-box .email-box .btn:focus{background:#E36B0A; border:1px solid #AD5513; color:#fff; border-radius: 3px; float: right; font-size: 12px; font-weight: bold; padding: 7px 8px; text-shadow: 1px 1px 0 #D08D00;}
#tt-subscribe-box .email-box .btn:hover{background:#FF9b00;}
input, textarea {
font-family: Georgia, "Times New Roman", Times; font-size: 1em;}
#tt-text {
background:#4376b1;
border: 1px solid #CCC;
box-shadow: 0 0 5px 
#EEE;
line-height: 10px;
margin: 10px 10px 15px 0;
padding: 10px;
width:300px;
}
#tt-text h3 {
color:white;
border-bottom: 1px dotted 
white;
line-height:1.385em;
font-size: 18px;
padding: 0;
margin: 0 0 10px;
border-bottom: 1px dotted 
#AAA;
font-wieght: normal;
text-transform: uppercase;
letter-spacing: 0;
font-family: Georgia,"Times New Roman",Times,serif;
}
</style>
<div class="tt_widget">
<div id="tt-text"><h3>Stay Connected With Us</h3>
<div id="tt-subscribe-box">
<div class="email-box">
<h4>Subscribe FREE updates on your <a href="http://feedburner.google.com/fb/a/mailverify?uri=ProSeoLand" target="_blank">Email</a> | <a href="http://feeds.feedburner.com/ProSeoLand" target="_blank">RSS</a></h4>
<form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ProSeoLand', 'popupwindow', 
'scrollbars=yes,width=700px,height=700px');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify">
<input name="email" onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email address&#39;;}" onfocus="if (this.value == &#39;Enter your email address&#39;)
{this.value = &#39;&#39;;}" value="Enter your email address" class="txt" />
<input type="hidden" name="uri" value="ProSeoLand" />
<input type="hidden" value="en_US" name="loc" />
<input type="submit" value="Subscribe" class="btn" />
<div style="clear:both;"></div>
</form>
</div>
<div class="fb-like-box">
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2FProSeoLand&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowtransparency="true"></iframe><a href="http://www.facebook.com/ProSeoLand" target="_blank" rel="nofollow" style="color: #3B5998; font-family: arial; font-size: 18px; font-weight: bold; line-height: 20px;"> Like us on Facebook </a><div class="clear"></div>
</div>
<div class="gplusone">
<div style="float:left;width:90px;">
<g:plusone href="http://www.ProSeoLand.com"></g:plusone>
</div>
<a href="https://plus.google.com/107727767320296948851/posts" target="_blank" rel="nofollow" style="color: #d00; font-family: arial; font-size: 18px; font-weight: bold; line-height: 24px;">Circle us on Google+</a><div class="clear"></div> 
</div>
<div class="twitter-follow">
<a href="https://twitter.com/ProSeoLand" class="twitter-follow-button">Follow @ProSeoLand</a>
<script src="//platform.twitter.com/widgets.js" type="text/javascript"></script></div> </div>
</div></div>

#3 White Beauty Multi Social Sharing & Email Subscription

<style>
#socialwidget {
border: 1px solid #ebebeb;
width: 300px;
}
.Trickstoo-social{
padding: 10px 10px 10px 10px;
border-bottom: 1px solid #ebebeb;
}
.Trickstoo-social img:hover{opacity:0.8}
.googleplus {
background: #ffffff;
border-top: 1px solid white;
border-bottom: 1px solid #ebebeb;
font-size: 12px;
color: #000;
padding: 9px 11px;
ine-height: 1px;
font-family: Verdana, Geneva, sans-serif;
} 
.googleplus span {
color: #000;
font-size: 11px;
position: absolute;
margin: 9px 70px;
width: 310px;
}
.g-plusone {
float: left;
}
.twitter {
background: #ffffff;
border- bottom: 1px solid #ebebeb;
padding: 10px;
}
.Trickstoo {
background: #ffffff;
border-top: 1px solid white;
font-size: 12px;
color: #000;
padding: 9px 11px;
line-height: 1px;
font-family: Verdana, Geneva, sans-serif;
}
.Trickstoo span {
color: #000;
font-size: 11px;
position: absolute;
margin: -12px 100px;
width: 310px;
}
#widgetbox .author-credit a {
font-size: 10px;
font-size: 10px;letter-spacing: 1px;
color: #1E598E;
text-decoration: none;
}
.email-subscribe-emailbox {
padding: 5px 10px;
font- family: "Arial","Helvetica",sans-serif;
border-top: 0;
border-image: initial;
height: 42px;
background: #EFF8FB;
width: 280px;
} 
.email-subscribe-emailbox form {width:100%;-webkit-box-sizing: border-box;- moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border: 0;}
.email-subscribe-emailbox input.emailu {float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border: 0;color: #999;padding: 7px 10px 8px;width: 100%;-webkit-border- radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 13px;}
.email-subscribe-emailbox input.emailu:focus {color: #333;}
.email-subscribe- emailbox input.submitu {-webkit-border-radius: 3px;-moz-border-radius: 3px;border- radius: 3px;color: white;padding: 7px 14px;font-weight: bold;font-size: 12px;float: right;cursor: pointer;}
.email-subscribe-emailbox input.submitu:hover {text- decoration: none;}
.TrickstooDefault {border: 1px solid #dedede;text-shadow: #d08d00 1px 1px 0;background-color: #ff9b00;background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ffca00),color-stop(1,#ff9b00));background: -webkit- linear-gradient(center top,#ffca00 0,#ff9b00 100%);background: -moz-linear-gradient (center top,#ffca00 0,#ff9b00 100%);background: -o-linear-gradient(center top,#ffca00 0,#ff9b00 100%);background: -ms-linear-gradient(center top,#ffca00 0,#ff9b00 100%);background: linear-gradient(center top,#ffca00 0,#ff9b00 100%);}
.TrickstooDefault:hover {background-color: #ff9b00;background: -webkit-gradient (linear,left top,left bottom,color-stop(0,#ffe480),color-stop(1,#ff9b00));background: -webkit-linear-gradient(center top,#ffe480 0,#ff9b00 100%);background: -moz-linear- gradient(center top,#ffe480 0,#ff9b00 100%);background: -o-linear-gradient(center top,#ffe480 0,#ff9b00 100%);background: -ms-linear-gradient(center top,#ffe480 0,#ff9b00 100%);background: linear-gradient(center top,#ffe480 0,#ff9b00 100%);}
</style>
<div id="socialwidget">
<div class="Trickstoo- social">
<center>
<a style="margin-right: 10px;" href="http://facebook.com/ProSeoLand" target="_blank" rel="nofollow">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj_-Vc7EC2CrRZEWW98D5jBFwf_e3vjJKO-m4QPrFVDUbyah-ctCY4oq0sKGWzsFbfHMznR5YgKqXfnucwfNluhYwJjHkjUvFgsX4pECYyz8vZT8jWV-9LLf3a1p21p4azZBHRxWCvfmE/s1600/facebook.png" title='Facebook'/></a>
<a style="margin-right: 10px;" href="http://twitter.com/ProSeoLand" target="_blank" rel="nofollow">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIlqdzTS6LStvuY-Ei4GXerTNJphACSBqfEr8lM4Dw4ApziVLo7_2Pu7ZYWTqv1pvupesf1Y2LvCeSy__vrj5D3fCjvrn56hYqe6TKrUL34zeQohXCKrv4mqOXHCeGIWO2hIxuDNlRZDc/s1600/twitter.png" title='Twitter'/></a>
<a style="margin-right: 10px;" rel="me" href="https://plus.google.com/107727767320296948851" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBhbATqnuBrjSuM1QINTymeB5Z8mE0TqAVmLsGlpqVi03OjslLJ8Pj4szAwxBK_1DjyP_1jdKzXUo77t6VJscDvCA3IIFSCEhRrWFFSFD9-EeOO4k1ZCPFn7U2EpaAei-3x9dYO1nIRsM/s1600/gplus.png" title='Google Plus'/></a>
<a style="margin- right: 10px;" href="http://pinterest.com/ProSeoLand/" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguxsGzaH5zJTmQ0uIXqQekxzjJg-RKJzZIHw0NFNcrK8EFI5ehAAicN8AMc3EihP9VPzLMQTAf21zbeh0LgNYvIgwfrlpcY3gI9Q27fOzET6hT9YfzATgWhQg2EIKCidbMLRxIiCClbOU/s1600/pinterest.png" title='Pinterest'/></a>
<a style="margin-right: 10px;" href="http://feeds.feedburner.com/ProSeoLand" target="_blank" rel="nofollow">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvasyMJe3MAvvuGYZcKuTpoNs0NKaVHLHm76xuCIIXIjEUDqUuw2G-ip_7uiQEtjq4BqSax8U3balYWxXP1ZdWJXbOgnsj_cJBhvlRrNooQNoYyVQ3u-xcVP2J-TPsI5kSihkcaBmewEg/s1600/rss.png" title='RSS Feed'/></a>
</center>
</div>
<div class="googleplus">
<span><font><font>Recommend Us On Google </font></font></span>
<!-- GooglePlus -->
<g:plusone size="medium" href="http://www.proseoland.com/"></g:plusone>
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</div>
<div class="Trickstoo">
<!-- facebook -->
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffacebook.com%2FProSeoLand&amp;send=false&amp; layout=button_count&amp;width=450&amp;show_faces=true&amp; action=like&amp; colorscheme=light&amp;font=verdana&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowtransparency="true">
</iframe>
<span>Like Us On Facebook</span>
</div>
<div class="twitter">
<!-- Twitter -->
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/follow_button.1335513764.html#_=133552810175 5&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=ProSeoLand&amp;show_count=true&amp;show_screen_name= true&amp;size=m" class="twitter-follow-button" style="width: 244px; height: 20px; " title="Twitter Follow Button">
</iframe>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
</div>
<div class="email-subscribe-emailbox">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ProSeoLand', 'popupwindow', 'scrollbars=yes,width=550,height=520'); return true" target="popupwindow">
<table width="100%">
<tr>
<td>
<input class="emailu" name="email" placeholder="Enter email address" type="text"/>
</td>
<td width="70px">
<input class="submitu TrickstooDefault" type="submit" value="Subscribe"/>
</td>
</tr>
</table>
<input name="uri" type="hidden" value="ProSeoLand"/>
<input name="loc" type="hidden" value="en_US"/>
</form>
</div>
<div id="widgetbox" style="background: #EBEBEB;border-top: 1px solid #ddd;padding: 1px 8px 1px 3px;text-align: right;border-image: initial;font- size:10px;font-family: "arial","helvetica",sans-serif;">
<span class="author-credit" style="font-family: Arial, Helvetica, sans- serif;"></span>
</div>
</div>

#4 TechCrunch Social Subscribe Gadget

<style> */http://www.softechnogeek.com*/ .rr-mod.module-rightrail-social-widget{margin:0 0 10px 0 !important;}#rr-social-widget-chiclets div{width:32px;height:32px;display:inline-block;margin:0 4px 0 0;}#rr-social-widget-chiclets a{width:32px;height:32px;display:block;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2QHXdfDr8A0DbRGTxvzo-1XU6mTuaOyIAXowmnvz9-42ecF5YDFZlmG6UNDS-4FLwRmWQA2DWkmKTSEHWrxnZPJhaxeqDBQ31iHCH0knDQ_XGApTv-btuMPH0mbl4rWK9MN94PqpaUC0G/s1600/rr-social-icons.png) no-repeat;}@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:4/3), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5){#rr-social-widget-chiclets a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2QHXdfDr8A0DbRGTxvzo-1XU6mTuaOyIAXowmnvz9-42ecF5YDFZlmG6UNDS-4FLwRmWQA2DWkmKTSEHWrxnZPJhaxeqDBQ31iHCH0knDQ_XGApTv-btuMPH0mbl4rWK9MN94PqpaUC0G/s1600/rr-social-icons.png);background-size:248px 32px;}}#rr-social-widget-chiclets-facebook a{background-position:0 0;}#rr-social-widget-chiclets-twitter a{background-position:-36px 0;}#rr-social-widget-chiclets-googleplus a{background-position:-72px 0;}#rr-social-widget-chiclets-linkedin a{background-position:-108px 0;}#rr-social-widget-chiclets-stumbleupon a{background-position:-144px 0;}#rr-social-widget-chiclets-youtube a{background-position:-180px 0;}#rr-social-widget-chiclets-rss a{background-position:-216px 0;} </style> <div class="rr-mod module-rightrail-social-widget" id="module-rightrail-social-widget"> <div class="configuration-neighbor"> <div id="rr-social-widget-chiclets"> <div id="rr-social-widget-chiclets-facebook"><a href="FACEBOOK URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_facebook';"></a></div> <div id="rr-social-widget-chiclets-twitter"><a href="TWITTER URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_twitter';"></a></div>
<div id="rr-social-widget-chiclets-googleplus"><a href="GOOGLE+ URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_googleplus';"></a></div>
<div id="rr-social-widget-chiclets-linkedin"><a href="LINKEDIN URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_linkedin';"></a></div>
<div id="rr-social-widget-chiclets-stumbleupon"><a href="STUMBLEUPON URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_stumbleupon';"></a></div>
<div id="rr-social-widget-chiclets-youtube"><a href="YouTube URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_youtube';"></a></div>
<div id="rr-social-widget-chiclets-rss"><a href="RSS URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_rss';"></a></div>
</div> </div> </div>

#5 Stylish All In One Multi Social Network With Email Subscription