Wednesday, July 31, 2013

Add Subscription Box Widget Below Blogger Blog Post

Author: Gagan Masoun
Subscription Box Widget Below Blogger Blog Post
With the help of subscription you can add a link of your RSS feeds or a Email form where readers can easily subscribe to your blog updates. Bloggers know the importance of subscription widget very well. Subscribers are the reason of any successful blog. You can easily add a email subscription box to blogger or WordPress blog. Previously I shared article about Shout Me Loud Style Subscription Box Widget. Today in this tutorial we will show you how to add subscription box widget below your blogger blog posts. View Live Demo Below.


If you enjoyed this article and wish to be informed whenever a new article/tutorial is published, then make sure you Subscribe to our regular Email Updates!

Add It To Blogger Blog.

1. Go to your Blogger Dashboard » Template » Edit HTML
2. Press Ctrl+F and Find the Following Code.

<data:post.body/>

3. Now, Paste the Following Code After/Below <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='border: 1px solid #CCC; padding: 0px 5px 10px 0px;'>
<br/><img align='left' border='0' height='35' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDawMbCzOCwDvDVlWEBUBEwlMlcUNnibl89z4cU1aNc3jANsqp7eboFpe3z5MuIUlA_3HEoM10RhQA_wa99zumlmW2Ty6i-INZm0ueLmz8OpqpB5I7l_-Fh2mJ57LjeCP0UKUSnT9J_gxz/s1600/Facebook_Like.png' width='35'/>
<span style=';font-family:verdana;font-size:85%;'>
If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you
<a href='http://bit.ly/Emailfeeds' rel='nofollow' target='_blank'>
<b><span style='color: #0066CC;'>Subscribe to our regular Email Updates</span></b></a></span>!
<br/></div></b:if>

How To Customize This Widget?

  • Replace Red Color Highlighted With Your Subscription Link Code.
  • Replace Green Color Highlighted Text With Your Own Message.

If you faced any trouble then let me know about your feed back below in comment box. Stay tuned by subscribing our email or via Facebook, Google or Twitter. Stay Blessed :)

16 comments:

  1. Nice job buddy but try to add a demo so that your post will look more attractive.

    Regard's
    http://www.skillblogger.com/

    ReplyDelete
    Replies
    1. Hello Deep,

      Thanks for compliment. Demo is already there.. :)

      Delete
  2. Very nice widget with professional looks.
    Thanks for sharing.

    BloggerDevelopers

    ReplyDelete
    Replies
    1. Hammad Glad to see you here, yesterday I saw your blog. It is amazing brother, keep it up... Stay tuned

      Delete
  3. awesome tutorial....I know bloggers will be pleased this kind of widget. Thanks!

    Regards

    Bloggingtipsandtrix.blogspot.com

    ReplyDelete
    Replies
    1. Yes, it all for bloggers. Your blog has amazing design. Stay tuned with us.

      Delete
    2. Yes of course! I will be your new reader....

      Delete
    3. So, nice of you I just subscribed to your blog also.

      Delete
  4. Nice man.
    good to see your template.
    you using a template similar to me.

    my small blog
    www.parallelblogging.blogspot.com

    ReplyDelete
    Replies
    1. Yes, its similar, but little bit different. Like fonts, header style etc. Your blog is amazing dear.

      Delete
  5. wow, its great. you have mentioned the needed material shortly and accurately.

    ReplyDelete
  6. So nice widget you've shared it has amazing look, I like it as well as it is an important thing to blogger.

    Find Something NEW! (Blogging)

    ReplyDelete
    Replies
    1. Thanks @Samandar for your amazing words. :) Stay Tuned

      Delete
  7. nice blog Gagan, I found your template very good. This king of subscription very easy to subscribe the newsletter. Just click on it and enter you email address that's it. Keep it up with some more awesome widgets.

    Regards,
    Sanket Patil
    www.bloggingtuition.org

    ReplyDelete
    Replies
    1. Thanks for your kind words Sanket :)

      Stay tuned brother...!!

      Delete