Add a cool Subscription Box to your Thesis WordPress theme Sidebar

by Sathishkumar on June 26, 2010

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.

subscribe 300x192

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 style="float: left; margin-right: 10px; margin-top: 10px;" src="http://www.techiemania.com/wp-content/uploads/2010/06/mail.jpg" alt="RSS" width="30" height="30" border="0" />

<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=techiemania', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input style="background-color: #ffffa0; margin-bottom: 2px; padding-left: 5px; width: 150px; padding-top: 2px; height: 16px;" onfocus="this.value = '';" type="text" name="email" value="Enter your email address" size="25" maxlength="100" /> <input type="hidden" name="uri" value="techiemania" /> <input type="hidden" name="loc" value="en_US" /> <input type="submit" value="Subscribe" /></form>&nbsp;

<img style="padding: 4px 10px 0pt 5px; float: left;" src="http://www.techiemania.com/wp-content/uploads/2010/06/feed-icon-24x24.png" alt="RSS" width="24" height="24" border="0" />

<a href="http://feeds.feedburner.com/techiemania"><strong>Subscribe to RSS Feed</strong></a> |
<a title="Techie Mania Facebook Page" href="www.facebook.com/pages/Techie-Mania/103130853069010">
<img src="http://www.techiemania.com/wp-content/uploads/2010/06/facebook.png" alt="Facebook" width="12" height="12" border="0" /></a>

&nbsp;

<img src="http://www.techiemania.com/wp-content/uploads/2010/06/technorati.png" alt="Technorati" width="12" height="12" border="0" />

<a href="http://labs.google.co.in/smschannels/subscribe/TechieMania">Updates via SMS</a> |

<img src="http://www.techiemania.com/wp-content/uploads/2010/06/twitter.png" alt="Twitter" width="12" height="12" border="0" />
<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.

Thesis is the best WordPress theme out there and it is also a SEO optimized wordpress theme. If you’ve yet to grab one, you should order one now!

Get Thesis WordPress Theme

If you find this tutorial useful, give us a thumbs up.

View all posts by
Blog →

Follow Us On

@techiemania facebook

Article by Sathishkumar Varatharajan

Sathishkumar is an Online Marketer and a full-time Blogger.

Sathishkumar Has Written 634 Articles For TechieMania.com

  • Techshares

    Your thesis customization articles are nice and itches my hand to use THESIS

    • http://www.dailyblogtools.com sai krishna

      yes brother.thesis customization article are very nice in techie mania

  • http://www.megabizflakes.com Samuel

    Lol nice one bro i will give it a try! Thanks for sharing.

    • http://www.techiemania.com Sathish

      You are welcome mate :)

  • vijayraj @ methods2earn.com

    that’s cool man..

    • http://www.techiemania.com Sathish

      Thanks for your comment Vijay.

  • http://www.yourdigitalspace.com/ Swamykant

    Thanks for sharing the code.. This will be useful for many new bloggers :)

    • http://www.techiemania.com Sathish

      Hi Swamy, Thanks for your comment here.

      • http://www.dailyblogtools.com sai krishna

        your quick k response is really nice quality sathish :)

  • http://techfudge.net Karan Labra

    Just what I needed, I guess now I’ll be able to integrate a cool looking subscription box on my blog.

  • http://techfudge.net Karan Labra

    Thanks worked for me!

  • http://www.techhogger.com Kunal @ TechHogger

    Hi Sathish,
    I tried adding this codes on my widget. Prior addding I edited it but I could only see HTLM codes on my page. I liked your subscription box a lot. How can I add this one.
    DO help. :-)

    • http://www.techiemania.com Sathish

      Just copy and paste it as a Widget mate. It will work for sure.

  • http://www.techhogger.com Kunal @ TechHogger

    Hi Sathish,
    Thanks for the reply,
    I played with the codes and created a customize subscription box. I have added new images. Check and tell me howz it looking.

  • http://www.sagardezign.com/blog/ Sagar Rai

    Cool tips. I likes the 4 affiliate banners every single post. How do you do that?

  • enterdel

    I really liked your subscription box, maybe I’ll try it too even though I use a different theme

  • http://starblogger.net Vuong

    Thanks for nice tips. I have done for my self :-)

  • Price India

    i just copied the code, it worked…

    • http://www.dailyblogtools.com sai krishna

      also it works fine on my blog too :)

  • http://www.ulikmaya.com ulikmaya

    When you said it’s cool, it’s really cool. Put it on my blog. Got to thank you for this.

  • Tek3D

    Something is wrong with the wassup plugin on your blog. I see this error on your blog’s header:
    Warning: preg_match() [function.preg-match]: Compilation failed: nothing to repeat at offset 1 in /home/techiema/public_html/wp-content/plugins/wassup/wassup.php on line 3954

    • http://www.techiemania.com Sathish

      Error fixed now.

      • http://wealthcreationmastery.com/vemmanutritionbusiness/ Louis

        Hi Sathish, how you fixed that error?

        Warning: preg_match() [function.preg-match]: Compilation failed: nothing to repeat at offset 1 in /home/techiema/public_html/wp-content/plugins/wassup/wassup.php on line 3954

  • http://www.technolism.com Amandeep Singh

    Thanks a lot for such an informative and easy tutorial :)

    I have just now moved one of my Finance blogs and implemented this subscribe box there on http://www.equitipz.com. Check it out :)

    Thanks again…

  • Techpraveen

    Cool Tut buddy :) Sathish your customized Thesis theme looks gr8 :)

  • Curious Little Person

    Thanks… this worked perfectly…

  • http://www.crack-entrance.com/ Deepanshu

    will this work in any other theme ? i m not using thesis..

    • http://www.techiemania.com Sathishkumar

      Hi Deepanshu, just and copy the code as a widget. It will work with all kinda wordpress themes.

      • http://www.crack-entrance.com/ Deepanshu

        ok thanks :-)

  • http://nomoredumb.com Mohammed Suhaib

    hey Sathish,

    Can i use this in Genesis?

    Thanks

    • Vijayraj Reddy

      i think you cannot use this in genesis…

  • Android Mobiles and Tablets

    Hi,,
    Thankx used on my new thesis site..

  • http://www.happyshoppinglife.com juanwarman

    Thank you for share it, I will try it

  • http://www.hackingpark.com Harry Sehgal

    Nice Post. But what about other wordpress themes. May I know how to create a Subscription box for them.

  • http://www.xiontechinfo.com Rishiraj Sisodia

    Well I am using blogger so these plugins are of no use for me.But this post helped my friends very much they asked me for a subscription box so I recommended this blog’s post.I would be very happy if you also create widgets for blogger users and publish it on your blog.

    Regards,
    RishirajSisodia

  • http://sportsnub.com Sahil Kotak

    That’s a very good tutorial Sathish, thanks a lot for posting it.

    • http://www.techiemania.com Sathishkumar

      Hi Sahil, glad you have liked this tutorial. Looking forward to see you around here again soon.

  • http://www.dailywiki.org Arun

    Adding subscription box is mandatory these days, as you will get regular flow of readers to your blog.

    • http://www.techiemania.com Sathishkumar

      Well said, Arun. Thanks for stopping by and sharing your thoughts with us.

  • Techgeek

    Thanks for the info. Can you correct Twitter spell check “Follow us on Twittter”?

    • http://www.techiemania.com Sathishkumar

      Hi There, Thanks for pointing out there error. I will fix this now.

  • http://www.diy-day.com/blogs_rss.php Sonny

    And don’t forget to add the code so that it shows up “above the fold,” because surfers tend to be lazy and don’t want to have to scroll down the web page. That’s what internet marketers advise anyway…

    • Sathishkumar

      Well said, Sonny. Thanks for stopping by and sharing your thoughts with us. Talk soon.

  • http://curiouslittleperson.com Sandeep

    can u check this post.. the codes are not visible now

    • Sathishkumar

      Hi Sandeep, I have fixed it now. Thanks for notifying us.

  • http://www.crazyblogwalker.tk Priyangshu@Make Money Online

    Nice tutorial dude ! Actually , I havd also created such a subscription box for blogger blogs !

    • Sathishkumar

      That’s great to hear man. Hope people will benefited from you Widget.

      Sathish

  • http://itsiti.com ITsiti

    Cool and handy subscription box!

  • Dailytalkblog

    I do not like affiliate banners for every four seats. How it works?

  • https://www.geeksfever.com Parminder Singh

    nice i am trying to place in my theme………nice share…

  • http://www.dailytut.com Robin

    Great tutorial, one you are using is thesis ??? totally redesigned with ultimate new touch and look. :) Keep going.

    Robin.

    • Sathishkumar

      Yup, that’s right man. I am using Thesis with a custom design.

  • http://www.naplesguru.com/ Tim Ryan

    This is nice information you have here . Some times people can get stuck due to lack of information either to do or to change something just like in your case. It is very nice of you to share this after knowing how to add them.

  • http://www.omthoke.com Om Thoke

    Well i certainly liked the customizations that you’ve made – and the way in which you’ve placed the ads – they’re not too irritating to the visitors, but at the same time, they do their job really well (I guess you must be getting good Adsense hits for sure!) :)

  • http://www.snow-boots-for-women.com Chris Ryan

    hey there, thats some nice cutomization for thesis to help us out… this is a good reference for my future blogs.. take care

Previous post:

Next post: