Add Awesome Wooden Theme Subscription Widget To Blogger

Here is an awesome wooden widget you can add to your blogger blog. This subscription box is based on a wooden theme and contains Facebook, Twitter, RSS Feed, e-mail subscription. The Facebook, Twitter and RSS Feed links are shown as a Natural Wooden Sticky Boards. The picture below is a demo on how the widget looks.

• Login to your blog dashboard → Layout → Add a Gadget
• Select HTML/JavaScript , give it a title, then copy and paste the code below into the box and save. 

LIVE DEMO

<style type="text/css">
img.beintouch:hover {
    background: none repeat scroll 0 0 #D6D6D6;
    border-radius: 16px 16px 16px 16px;
    box-shadow: 0 0 10px #565656;
}
.emailtext {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR3h30mTYPMn_TmD4ktvEusMXNDSEyR_uKsmseA0MuHk_vBVbT9GDEEW9nYvcynTBmBEr-Xtqdp7942Pma1ATGRAMUqH7xpyrISlO1vg5DJ3u9Mbroz1zwpVfII4opJChlj2TnN5oPzYI/s1600/mailbox.png") no-repeat scroll 4px center transparent;
    border: 1px solid #D3D3D3;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 2px #CCCCCC inset;
    color: #444444;
    font-weight: bold;
    margin-left: 2px;
    padding: 7px 15px 7px 35px;
    text-decoration: none;
    width: 176px;
}
.ebutton {
    background: -moz-linear-gradient(center top , #FBFBFB 0%, #F4F4F4 100%) repeat scroll 0 0 #ABAB12;
    border: 1px solid #D3D3D3;
    border-radius: 4px 4px 4px 4px;
    color: #444444;
    cursor: pointer;
    font-weight: bold;
    margin-left: -18px;
    margin-top: 5px;
    padding: 6px 15px;
    text-decoration: none;
}
</style>
<table align="center" width="317px" cellspacing="0px" cellpadding="1px"><tbody><tr><td><a target="_blank" rel="nofollow" href="http://www.facebook.com/blogosphere"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZD1X_FbiGjps7KXdyprp3kRzbbCLTbAeLo_QaO-bGXg5CGCNo515JvhDlUz-NkI9qJHkZUV9GajgVUc95aKQ9le-hHOOdN6V3UR68UNaVgx2r5SMH9N-Ko5R74clbRD0sL8yQ6-hd3xY/s1600/woden+board+facebook_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://twitter.com/bloger_girl​/" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1Kzf4q6G-ombcs_8K9tqohRtQsEjOB95KYHR82c90STFTznm-qcInQ-2-MxXZSrY4zhJVVbD1ZqociNyuJkEY9Qnh5onTc9SpM-6SSlmp5IUx-qpnTcpxR2_Lm0vNRDLfUH5_xixEmpM/s1600/woden+board+twitter_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://feeds.feedburner.com/ekWMe" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlM9cDnSJz9Rn3qBsueecSDrhtRno4mQ2zqx0gAAWIwMOyGJqznzI3FXrxgOTcVHJCdnyb4bDLVPbmWPIK9XmmaEnfJiMx7tpNFl0pcckK7Jm-vU6_iSLiT6OSMS0tlT9fbawUUrEWd7c/s1600/woden+board+RSS1_netoops.png" class="beintouch" /></a><a href="http://www.justnaira.com"></a></td></tr></tbody></table>
<div>Get Latest Tips via e-mail</div>
<form target="popupwindow" style="margin: 0pt;" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ekWMe', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" method="post" class="emailform" action="http://feedburner.google.com/fb/a/mailverify">
<input type="hidden" value="X-YOUR-URL-X" name="uri" />
<input type="hidden" value="en_US" name="loc" />
<input type="text" value="Enter your email..." onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" name="email" class="emailtext" />
<input type="submit" value="Subscribe" title="" class="ebutton" alt="" />
</form>