Email subscription form below Blogger posts .

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 .

Email subscription form below Blogger posts

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 .

This entry was posted in Uncategorized by . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *