Kumusta! Today I am going to portion a cool novel social subscribe widget for blogger. This social sharing tool includes Facebook, Twitter, RSS, in addition to Google plus. The icons expect similar drawn from crayons which is cool, to a higher house it is a postal service box! It is unproblematic in addition to attractive, I am sure with this widget you will larn to a greater extent than subscribers.Influenza A virus subtype H5N1 exhibit of this tool tin endure seen on this rattling blog, I convey replaced my one-time 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 involve to create is larn to your blogger layout in addition to click > add together gadget > pick out HTML/Javascript in addition to 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 corporation #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 corporation #E6E6E6;
float: center;
width: 240px;
margin:10px 0 0 15px;
}
.subicons
{
border-right: 1px corporation #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 modify the width of the widget, you lot tin edit this to gibe perfectly on your blogger sidebar. Change this 240px.
