Subscribe via Email Widget for Blogger and WordPress

Releasing our second Email Subscription Widget I'm very excited to announce that this widget is coded by me alone :) I hope you will like this widget. As you all know getting more subscribers on your blog's feeds is very important thing but not easy with default email subscription box, therefore I have created an awesome styled attractive box for you all, with this box you will get more and more subscribers easily, you can use this widget on blogger and WordPress, so read below for getting to know how to add an awesome styled subscribe via email widget in blogger blogs and WordPress blogs, recent work Attractive Social Subscription Widget For Blogger. Hey! You know? we have published another great looking as same as WordPress pro email box on our latest blog post.
Subscribe via Email Widget for Blogger and WordPress

Why To Add This Widget Into Your Blogs ? and Features ?

If you don't have an email updates service for your loyal readers then your blog will not get real and huge traffic as thy deserve, So adding this box is important. This widget have attractive and professional look so your blog readers definitely subscribe to your blog updates via emails, another awesome things about this widget is No Credits link! yes this a free premium widget for our dear users, but If you are a developer and you want to re share this widget then please give as credits.

Features

  1. You can put this widget into your blog theme/template on any position like Sidebar, Footer area etc.
  2. You can use this widget on Blogger, WordPress and Weebly.
  3. This will load faster and safer on any browser. (responsive)
  4. No credits link - This is a free premium email box.
  5. You can use it personally and professionally.
Get Second Version of This Widget: Email Subscription Widget for Blogger & WordPress

How To Add This Widget Into Blogger Blogs ?

1, First of all go to Blogger.com and log in,
2, Select your blog and go to its layout section,
3, Then click on Add a Gadget > Choose HTML/Java Script,
4, Copy following code and paste it into content box,
<style>
.hl-email-abt{
background:url(http://4.bp.blogspot.com/-jETHfPFJvI4/Uwrep8jqwkI/AAAAAAAADoU/zs-gL_7AFvI/s1600/abt-email+widget.gif) no-repeat 1px 0px ;
padding:3px 1px 1px 95px;
float:left;
font-size:1.4em;
font-weight:bold;
margin: auto;
width:200px;
height:380px;
color:#747645;}

.hl-email-abtsubmit-abt{
background:#007873;
cursor:pointer;
border-image: initial;
color:#ffffff;
border:none;
width:50px;
height:34px;
padding:8px;
text-shadow:1px 2px 3px rgba(9,9,9,9.9);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:7px;
font:12px "Arial","Helvetica",sans-serif;}

.hl-email-abtsubmit-abt:hover{
background:#E43564;}
.textarea{
padding:7px;
margin:7px 3px 7px 3px;
background:#f9f9f9;
border:1px solid  #009999;
resize:none;
box-shadow:inset 1px 2px 3px rgba(1,1,0,0.2);
-moz-box-shadow:inset 1px 2px 3px rgba(0,1,0,9.2);
-webkit-box-shadow:inset 1px 2px 3px rgba(0,1,0,9.2); font-size:12px;
width:131px;
color:#dexede;}
</style>

<div class="hl-email-abt">
Subscribe via Email for Free Updates <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=allblogthings', 'popupwindow', 'scrollbars=yes,width=549,height=519');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter Your email address here......&quot;;}" onfocus="if (this.value == &quot;Enter Your email address here.....&quot;) {this.value = &quot;&quot;;}" value="Enter Your email address here....." type="text" />
<input type="hidden" value="allblogthings.com" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="hl-email-abtsubmit-abt" value="Submit" type="submit" />
</form>
</div>

 How To Add This Widget Into WordPress Blogs ?

1, Sign in to your WordPress account > dashboard,
2, Go to Widgets section under Appearance.
3, Drag HTML widget to sidebar or any other position as you want,
4,Copy Above HTML Codes and Paste it into HTML area of new widget.

Customization

Before saving new widget you need to make necessary changes. Change allblogthings with your feed burner URL. Now click on save button :). Congratulations you're done.

Final Words

So friends if you like this Email Subscription Widget for Blogger, WordPress and Weebly feel free to share this article on social medias, don't copy HTML codes if you are a developer or helper then feel free to re share this widget on your site/blog but don't forgot to link back to us, Cheers!
Use sharing buttons below!

Previous Post
Next Post

2 comments:

  1. Congratulations on successfully coding the widget. It is good to know that it is not just restricted to Blogger. Sometimes there are useful widgets such as these that are created just for blogs on one platform. However, this can be used on WordPress blogs too.

    ReplyDelete
  2. Cannot make it work with my blog on Weebly. Please advice.

    ReplyDelete

It's free and takes only a minute to comment and show your love for this article, even if you want anything to be changed here or created as a blog post. You can suggest by commenting below.