Jul 17, 2015

HOW TO ADD SUBSCRIBE VIA EMAIL FORM TO BLOGGER BLOG

data:blog.title
Email subscriptions forms and newsletters, let you gain readers for your blog. It is necessary that you make your email subscriptions form stand out and get maximum users subscribe to your newsletter. Google Feedburner is the free service which I use in DigitCodes which automatically sends newsletters whenever a new post is made on the blog. The HTML code which Feedburner provides as the email subscription form code is pretty basic without any kind of styling. So I had put some styling for it to make it more attractive and catchy for the readers to subscribe to the newsletter.
This is what I got after adding up the styling:

  1. Login to Blogger.
  2. Go to Layout > click on "ADD A GADGET" link.
  3. From the POP-UP window, scroll down and click on the "HTML/JavaScript" gadget
  4. Add the HTML code given below.
<style>
.hl-email{
background:url(http://4.bp.blogspot.com/-u3UaeUufpmI/T8lFuelsg8I/AAAAAAAACQY/tOWbHsgTYKc/s1600/mail.png) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.hl-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.hl-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:130px;
color:#666;}
</style>
<div class="hl-email">
Subscribe via Email <p class="stext">For get our newsletter and all updates to your inbox..!</p><form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('ENTER-YOUR-URL-HERE', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" />
<input type="hidden" value="techfrnz" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="hl-emailsubmit" value="Submit" type="submit" />
</form>
</div>

    5.  Change ENTER-YOUR-URL-HERE  into your url id.
    6.  Now Save your widget and Check your Blog.cool

So Above is all about HOW TO ADD SUBSCRIBE VIA EMAIL FORM TO BLOGGER BLOG Tutorial for the Bloggers. I hope You will like this article. If you have still facing any Problem related this article fell free to comment.

No comments:

Post a Comment

We’re eager to see your comment. If you have any query related to the topic then drop a comment below. We will help you out of sure. However, Please Keep in mind that all comments are moderated manually by our human reviewers. According to our comment policy all link are nofollow so keep in mind that never use links in comments, we consider link comments as a spam.