Kumusta! Today I am going to part a cool novel social subscribe widget for blogger. This social sharing tool includes Facebook, Twitter, RSS, too Google plus. The icons await similar drawn from crayons which is cool, inwards a higher house it is a post service box! It is unproblematic too attractive, I am sure with this widget you will larn to a greater extent than subscribers.H5N1 present of this tool tin endure seen on this rattling blog, I accept replaced my quondam social subscribe widget because it is already been used past times many bloggers.
Installation
As ever installing blogger widgets hither at FH2M is rattling easy. All you lot necessitate to create is become to your blogger layout too click > add together gadget > direct HTML/Javascript too add together the codes below.<a href="http://feeds.feedburner.com/FromHobby2money" imageanchor="1" style="margin-left: .5em; margin-right: 1em; float: center;" rel="nofollow" target="blank"><img border="0" height="40" src="http://www.sassyandgeorge.com/wp-content/uploads/2011/01/subscribe2-copy.jpg" width="290" /></a>
<style>
.mbtips-email{
background:Fff no-repeat 0px 12px ;
width:250px;
float:center;
font-size:1.4em;
font-weight:bold;
margin:2px 20px 0px 35px;
color:#686B6C;
}
.mbtips-emailsubmit{
background:#0084CE;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
margin:0 0 0px 0;
text-shadow:0 -1px 1px rgbaundefined0,0,0,0.25);
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
font:12px sans-serif;
}
.mbtips-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:0px 2px 0px 2px;
background:#f9f9f9;
border:1px company #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); font-size:13px;
width:170px;
color:#666;}
</style>
<style class="text/css">
.center
{
text-align:center;
font-weight:bold;
margin:10px;
}
</style>
<div class="center">
Submit your Email Address to Get Free Blogger Tips Directly to your Inbox
</div>
<div class="mbtips-email">
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=FromHobby2money', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if undefinedthis.value == "") {this.value = "Enter electronic mail address here";}" onfocus="if undefinedthis.value == "Enter electronic mail address here") {this.value = "";}" value="Enter electronic mail address here..." type="text" />
<input type="hidden" value="FromHobby2money" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="mbtips-emailsubmit" value="Submit" type="submit" />
</form>
</div>
<style class="text/css">
table
{
border-bottom: 0px company #E6E6E6;
float: center;
width: 240px;
margin:10px 0 0 15px;
}
.subicons
{
border-right: 1px company #E6E6E6;
}
.Fadeout {
filter:alphaundefinedopacity=100);
opacity: 1.0;
border:0;
}
.Fadeout:hover{
filter:alphaundefinedopacity=80);
opacity: 0.8;
border:0;
}
</style>
<div class="table">
<table>
<tr>
<td><div class="subicons"><a class="Fadeout" href="http://www.facebook.com/pages/FromHobby2Money" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7EF-ZVPN_wbw5Fv2znjOfuakkBAtPEZL0e5gXzwRsvh3BDA3Wp3XE4Wu56PDiOyZ1J91-bbxSEkTS2qAj5yZq3bIROmdCxY5OS5Oi4yrrnu-BRBbamawDVyWYs2iP_54oX8liNgklUzgN/s1600/facebook-48.png" /></a></div></td><td><div class="subicons"><a class="Fadeout" href="http://twitter.com/dadhust" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghTqyPP9uacpt0Guz540YBuzYUeKCBwRQmdetcCeYAgoiaGWWHbN37scCysOkNrmkYhEaLXpok3DJQrzGWu0x55c5L8J1c3ECowgAV1XDPKBHT5vyZzH_GghaGfyEHkC2EqZzF7Pu086n7/s1600/twitter-48.png" /></a></div></td>
<td><div class="subicons"><a class="Fadeout" href="http://feeds.feedburner.com/FromHobby2money" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTVa4UvoxNj9YPUPOIoXsxs_MO6FywKlWIvxZVhRFJzrXhaZjihyDBXUAs7exTq7C5ZPYG4fHIORWMgufO9eOoZ4nLsD4dV1nLy-Ej9IcOO1m9Y8xdChIaZWRJIEL63Ig82dkTYHE_Xt5J/s1600/rss-48.png" /></a></div></td>
<td><a class="Fadeout" href="https://plus.google.com/118431186284938329492/posts" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjsILIY-pYzpT7can8n4tWIqtqDk4tLekP0k4niEI8WRbXtZ7_8w9TpmvsVv5ibPXRkSQme230icnGBUxrjJxHCFSt4FaB8-ivhoodZouoSU6a3bb0Mx4gSGQU_Tp1OswpZ6ongZvGFSTK/s1600/google-48.png" /></a></td>
</tr></table>
</div>
Customize
- Replace FromHobby2money with your ain feedburner username they look four times on this widget.
- Replace FromHobby2Money with your facebook fan page username.
- Replace dadhust with your Twitter username.
- Replace 118431186284938329492 with your Google addition profile ID.
- If you want to alter the width of the widget, you lot tin edit this to gibe perfectly on your blogger sidebar. Change this 240px.
