Home Blogging How To Add “Email Subscription Box” to Blogger Blogs

How To Add “Email Subscription Box” to Blogger Blogs

By
Tech Ora
-
0
SHARE
Email Subscription Box is a very popular technique of getting more and more followers for permanent basis. When visitors follow you via email address, then you can any time send them messages, latest articles, and any thing which you want to promote. This is only happen when you’re providing useful information to your blog. 
A beautiful email subscription box for blogger blogspot blogs

The people who want to read your latest articles on daily basis, they can easily subscribed your posts via Email. For this purpose you need this Email Subscription Form in your blog, so that the interested people easily subscribe you to get your latest posts directly into their inbox.

Recommended Guide for You :

For adding this awesome Email Subscription Box into your blogger Blogspot blogs, you can simply follow below steps and add this awesome widget into your Blogspot blogs.

Add Awesome Email Subscription Box into Blogspot Blogs


Step 1 – First of all Log In to your blogger dashboard, then go to Layout option then click “Add a Gadget” link.

Step 2 – Now a pop up window open , you can find from this list ” HTML / JavaScript “ gadget.
Step 3 – Now copy below piece of Code and paste it into the blank “HTML / JavaScript” box and save.

<style>
.t-email{
background:url(https://4.bp.blogspot.com/-u3UaeUufpmI/T8lFuelsg8I/AAAAAAAACQY/tOWbHsgTYKc/s1600/mail.png) no-repeat 0px 12px ;
width:330px;
padding:10px 0 0 55px;
float:left;
font-size:1.5em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.t-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;
}
.t-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=”t-email”>
Subscribe via Email <form action=”http://feedburner.google.com/fb/a/mailverify” id=”feedform” method=”post” target=”popupwindow” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=Techora‘, ‘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=”Techora” name=”uri”/><input type=”hidden” name=”loc” value=”en_US”/>
<input class=”t-emailsubmit” value=”Submit” type=”submit” />
</form>
</div>

Some Essential Settings

You can easily change the Email Icon using the green url to change with your own.

To can easily change the width and height, or text area.

Replace, feedburner name “Techora” with your own feedburner name.

Now simply save this widget and check your blog , enjoy !!!

RELATED ARTICLESMORE FROM AUTHOR