How To Add a Email Subscription Box to your Thesis WordPress theme Sidebar

Subscription box is an easy way to connect your blog with your readers and send them updates. You can also have your social media links there in the subscription box. When I first started customizing my Thesis theme, the first thing came into my mind is having a Subscription Box. Since I am a newbie to this, I don’t know how to write the code’s for a Subscription box with Social Media links.


So I went searching for subscription box codes. In my search, I got different Subscription box codes but none of them looks good to me. While my search was going, I went to Shoutmeloud for reading an article and I came across their Subscription box. It looks really cool to me. So I got the code from there and placed it in my Sidebar.
If you are a Thesis wordpress theme user and if you are looking for a really cool subscription box, here’s one for you.

<img height="30" width="30" border="0" src="http://www.techiemania.com/wp-content/uploads/2010/06/mail.jpg" alt="RSS" style="float: left; margin-right: 10px; margin-top: 10px;"/>
 <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=techiemania', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
 <p><input type="text" style="background-color: rgb(255, 255, 160); margin-bottom: 2px; padding-left: 5px; width: 150px; padding-top: 2px; height: 16px;" onfocus="this.value = '';" maxlength="100" size="25" value="Enter your email address" name="email" valign="middle"/>
 <input type="hidden" name="uri" value="techiemania"/>
 <input type="hidden" value="en_US" name="loc"/>
 <input type="submit" value="Subscribe"/></p>
 </form>
   <a title="Subscribe to Techie Mania in a Feed Reader" href="http://feeds.feedburner.com/techiemania">

    <img height="24" width="24" border="0" style="padding: 4px 10px 0pt 5px; float: left;" src="http://www.techiemania.com/wp-content/uploads/2010/06/feed-icon-24x24.png" alt="RSS"/>
   </a>
   <a href="http://feeds.feedburner.com/techiemania"><b>Subscribe to RSS Feed</b></a> |
   <a title="Techie Mania Facebook Page" href="www.facebook.com/pages/Techie-Mania/103130853069010">
    <img height="12" width="12" border="0" src="http://www.techiemania.com/wp-content/uploads/2010/06/facebook.png" alt="Facebook" ilo-full-src="http://www.techiemania.com/wp-content/uploads/2010/06/facebook.png"/>

   </a>
   <a title="Add Techie Mania to Technorati Favorite" href="http://technorati.com/faves?add=http://www.techiemania.com/">

    <img height="12" width="12" border="0" src="http://www.techiemania.com/wp-content/uploads/2010/06/technorati.png" alt="Technorati" ilo-full-src="http://www.techiemania.com/wp-content/uploads/2010/06/technorati.png"/>
   <br/>
 <a href="http://labs.google.co.in/smschannels/subscribe/TechieMania">Updates via SMS</a> | <a title="Follow Techie Mania on Twitter" href="http://twitter.com/sonasathish">

    <img height="12" width="12" border="0" src="http://www.techiemania.com/wp-content/uploads/2010/06/twitter.png" alt="Twitter" ilo-full-src="http://www.techiemania.com/wp-content/uploads/2010/06/twitter.png"/>
   </a> <a title="Follow Techie Mania on Twitter" href="http://twitter.com/sonasathish">Follow us on Twitter</a>

I have given the code which I am using in my blog. You need to Change the Feedburner, Twitter, Facebook and Google Labs links to match your blogs profile. After that just copy the entire code and paste it in a text widget in the Sidebar and you are done. Now you will have a cool Subscription box for your blog.

Source:Techiemania.com