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.
Today, you will learn how you can easily add this widget to your blog without any ado.
How to Add Subscription Box with Wooden Theme
==> 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.
<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("http://2.bp.blogspot.com/-j-CXUeGodJI/T0H9qpD6cjI/AAAAAAAAAI8/uuryDfQYWVI/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/justnaira"><img src="http://2.bp.blogspot.com/-qMRqkcoAT0s/Tz06uOJ0WII/AAAAAAAAAHY/gLqbjiBuBfc/s1600/woden+board+facebook_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://twitter.com/justnaira/" rel="nofollow"><img src="http://3.bp.blogspot.com/-xHxTM5SAVtI/Tz06umVlBnI/AAAAAAAAAHg/3X1VY6Qx3v0/s1600/woden+board+twitter_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://feeds.feedburner.com/justnaira" rel="nofollow"><img src="http://2.bp.blogspot.com/-G76Bnw5v0yc/Tz06tYscrpI/AAAAAAAAAHQ/pSk4w-sEHYA/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=justnaira', '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="JustNaira" name="uri" />
<input type="hidden" value="en_US" name="loc" />
<input type="text" value="Enter your email..." onfocus="if (this.value == "Enter your email...") {this.value = ""}" onblur="if (this.value == "") {this.value = "Enter your email...";}" name="email" class="emailtext" />
<input type="submit" value="Subscribe" title="" class="ebutton" alt="" />
</form> You need to change the RED highlighted id in the code above with the appropriate id i.e. your Facebook page Url, Twitter Username and Feed Id.
