My last article was on a method to create beautiful RSS or email subscription forms in Blogger . Now here is method by which you can add an email subscription form ,just below your Blogger posts .Offering Email subscription form below the post would increase your subscription count as it is easily notable .

Another interesting thing about this Blogger widget is that we can add some beautiful text asking users to write comments or whatsoever . Just head over to any of my post pages to see how it works . Now to add an email subscription form under Blogger posts , follow these steps carefully .Open up your Blogger templates’ edit HTML and search for  <p><data:post.body/></p> and paste the following code just after this line .

<div class='hint'>

&lt;div style=&#39;background-color: #EC8F11 ;color: #FFFFFF;&#39;&gt;&lt;b style=&#39;font-family:Verdana,sans-serif;&#39;&gt;&lt;span style=&#39;font-size:small;&#39;&gt;Did you enjoy this article?  subscribe to our ( 1500 subscribers can&#39;t be wrong ) &lt;a href=&#39;http://www.feedburner.com/fb/a/emailverifySubmit?feedId=1771094&#39; style=&#39;color: rgb(243, 243, 243);&#39; target=&#39;_blank&#39;&gt;&lt;u&gt;&lt;blink&gt;RSS Feed&lt;/blink&gt;&lt;/u&gt;&lt;/a&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;

A comment would be really helpful for the Author to keep going and Post Better. &lt;strong&gt;So, Post a Comment to this topic and Share your Views to It. I really appreciate your Comments&lt;br/&gt;&lt;a href=&#39;#comment-form&#39;&gt;&lt;img border=&#39;0&#39; src=&#39;http://technotrixdebajyoti.googlepages.com/usrcomments.png&#39; style=&#39;margin: 0px; vertical-align: middle&#39;/&gt; Add a Reply / Comment&lt;/a&gt;&lt;/strong&gt;

&lt;form action=&#39;http://feeds.feedburner.com/techknowlcom&#39; id=&#39;subscribe&#39; method=&#39;post&#39; onsubmit=&#39;window.open(&#39;http://www.feedburner.com/fb/a/emailverifySubmit?feedId=1771094&#39;, &#39;popupwindow&#39;, &#39;scrollbars=yes,width=550,height=520&#39;);return true&#39; style=&#39;border:1px solid #fff;padding:0px;text-align:left;&#39; target=&#39;popupwindow&#39;&gt;&lt;strong&gt;Also, Make Sure you Sign-Up :  &lt;/strong&gt;&lt;input id=&#39;subbox&#39; name=&#39;email&#39; onblur=&#39;if (this.value == &quot;&quot;) {this.value = &quot;Enter your email address...&quot;;}&#39; onfocus=&#39;if (this.value == &quot;Enter your email address...&quot;) {this.value = &quot;&quot;;}&#39; style=&#39;width:170px&#39; type=&#39;text&#39; value=&#39;Enter your email address...&#39;/&gt;

&lt;input name=&#39;url&#39; type=&#39;hidden&#39; value=&#39;http://www.feedburner.com/fb/a/emailverifySubmit?feedId=1771094&#39;/&gt;

&lt;input name=&#39;title&#39; type=&#39;hidden&#39; value=&#39;Subscribe To Feed&#39;/&gt;

&lt;input name=&#39;loc&#39; type=&#39;hidden&#39; value=&#39;en_US&#39;/&gt;

&lt;input id=&#39;subbutton&#39; type=&#39;submit&#39; value=&#39;GO&#39;/&gt;

&lt;/form&gt;&lt;br/&gt;

&lt;span style=&#39;color: rgb(204, 0, 0);&#39;&gt;(Don&#39;t forget to Activate the email subscription from your Inbox)&lt;/span&gt;

&lt;/p&gt;

</div>

Remember to change the feed URL ,texts and email subscription link with yours.  Now style your email subscription form by adding a CSS code just before ]]></b:skin> the style tag in your Blogger template .

.hint

{ border:1px solid #4ab7ff;

color:#191919;

background:#bfe5ff;

display:block;

font:400 11px/125% Verdana ;

width:94%;

margin:3px 0 0;

padding:6px 6px 6px 20px; }

Save your Blogger template and  preview email subscription form below your Blogger posts .

So what about the default Feedburner email subscription form in Blogger ?? It looks ugly right ?? . Now here you could use CSS to to create Beautiful email and RSS subscription form . An example of such a form is given here on my blog .

What you need is just to change the default code with this code .

<a href="http://feeds.feedburner.com/~e?ffid=2358889"><img alt="feedburner" style="border: 0pt none ; margin-top: 15px;" src="http://i44.tinypic.com/o945yf.jpg"/></a><p><strong><span style="color:#ID9EDD;">Subscribe for Email Updates</span></strong></p><form action="http://www.feedburner.com/fb/a/emailverifySubmit?feedId=2358889" http://www.feedburner.com/fb/a/emailverifysubmit?feedid="2358889" , popupwindow\ );return true target="popupwindow" id="subscribe" onsubmit="window.open(\" scrollbars="yes,width=550,height=520\" style="border:1px solid #fff;padding:0px;text-align:left;" method="post" \><img style="vertical-align:middle;border:0" src="http://i35.tinypic.com/ifv98i.jpg"/>&#160;<input ;} enter email onfocus="if (this.value == " value="Enter your email address..." address... type="text" id="subbox" onblur="if (this.value == " ) {this.value =  style="width:210px" your name="email"/><input value="http://www.feedburner.com/fb/a/emailverifySubmit?feedId=2358889" name="url" type="hidden"/><input value="Subscribe To Feed" name="title" type="hidden"/><input value="en_US" name="loc" type="hidden"/><input id="subbutton" value="GO" type="submit"/></form><center><a href="http://feeds.feedburner.com/techknowl" target="_blank"><img border="0" width="88" src="http://feeds.feedburner.com/%7Efc/techknowl?bg=99CCFF&fg=444444&anim=0" height="26"/></a></center>

Replace the the email subscription URL, feed URL ,  feed count chiklet code with yours .You can find and replace the font color with this tool . Apply some creativity and design a good subscribe by RSS logo and change it with the tinypic image in the code .

Providing RSS/Email subscription in Blogger blog is the easiest way to keep in touch with the users . Users are alerted by email when the blog contents are updated . As far i have seen , Feedburner and Feedblitz are the major players in RSS/Email subscription services . Here in this example , i am using Feedburner.com .

Go Feedburner.com and sign up with your Google account . At this point , you can choose a suitable name for your feed . After successful registration , they will be taking you to the Myfeeds section . Click on your feed for moving on to the dashboard . Select publicize menu from the five available tabs . Now you are about to enable email subscription in Blogger . So select email subscription and click on activate this service.

On the other side , open your Blogger dashboard and go to the layout section. Choose a location for your Email form to appear . Click on add a Page element /Gadget (For new blogger) and select JavaScript . Copy the and paste the Email form code from feedburner onto it and save the widget . Edit JavaScript code to change the height,width,border color ,text ,scroll and other parameters . After building a good sum of subscribers , you can choose to display your feed count , same from the publicize menu in Feedburner .