5 Attractive All in One Social Media & Email Subscription Widgets
All these items present in a single gadget and it preserves your blog space. It amplifies your chance to get regular visitors. It also helps to increase your page rank.
How To Add All in One Widget For Blogger
2.
Go to Layout
3.
Click Add a Gadget
4.
Choose HTML/JavaScript Gadget
5.
Select one of the widget’s codes from the following list
6. Replace given ids with your ids
6. Replace given ids with your ids
7. Paste codes in the
content section.
8. Hit
Save.
#1 Attractive Hybrid Social Media & Email Subscription
It contains attractive
Facebook, Twitter, Google+, Pinterest, Blogger, RSS and email subscription
buttons.
<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>
#2 ShoutMeLoud Like All in 1 Gadget
<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 == '') {this.value = 'Enter your email address';}" onfocus="if (this.value == 'Enter your email address')
{this.value = '';}" 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&send=false&layout=button_count&width=80&show_faces=false&action=like&colorscheme=light&font&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
It includes beautiful
Facebook, Twitter, Google plus, Pinterest, RSS and email subscription icons
within a white background.
<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&send=false& layout=button_count&width=450&show_faces=true& action=like& colorscheme=light&font=verdana&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&id=twitter-widget-0&lang=en&screen_name=ProSeoLand&show_count=true&show_screen_name= true&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
The unique gadget has
Facebook likes, Twitter followers, Google +, Linkedin, Stumbleupon, YouTube
Subscribers, RSS buttons. This widget takes less loading time.
<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
Final Words
There is no doubt about
the importance of social and email subscription gadget for blogs. Those All in
one Social Subscribe gadget includes stylish icons of most popular social media
networks with RSS and email subscribe box.
If you like the post,
share this.
Comment to share your
thoughts or problems if you face any.
