-->
Home » » Make Widget Email Subscribe

Make Widget Email Subscribe

Posted by Hanya on 6 Feb 2015

subscribe

How to create a widget Email Subscription. 

By adding this widget, you create a widget that allow readers to subscribe via email and get updates posted in their inbox. So every time we make a post and published, the post will be automatically emailed to the customer in the form of an opening paragraph and a link to the post URL address. If you get a lot of customers, you will probably get a high Page Rank and Backlinks lot. So if you are interested in using this widget? This time let's start about how to add a simple box Subscribe Via Email this? The main requirements you must have a feedburner account first. If you have not had a Feedburner account, you can register for free HERE. Sorry previously I do not guide you to create an account Feedburner.

Simple Subscribe via email box.

Log in to your blogger
Continue to enter into a layout
Add a gadget in the desired place
Select "Add HTML / JavaScript"
Copy and paste the code subcribe email as follows:
<style>
.rb-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9j5O0Mjv9NBe0CE-syJfbyHFBaCK8dZTGmcoDLK5aeDQ1haOtfliHYbbT1wJ-apYuCKafV2_ZfF9mqUdPY6Rs7Yur9d_aGrtsr3OCqfswRjay2XyvcqT0Y3_tyDN6M9aBPKJY-LM_tzH6/s1600/email.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;
}
.rb-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;
}
.rb-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:170px;
color:#666;}
</style>
<div class="rb-email">
Subscribe via Email
<form action='http://feedburner.google.com/fb/a/mailverify' class='emailform'
method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=MYSEOTRIK&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=400,height=400&apos;);return true'
style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='MYSEOTRIK' />
<input name='loc' type='hidden' value='en_US' />
<input class='tbimailbox' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}'
onfocus='if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}'
type='text' value='Enter your email address here...' />
<input class="rb-emailsubmit" value="Submit" type="submit" />
</form>
</div> 
Blue numbers is the size of the widget
Orange  word is the sentence in a box to enter the email
Red letters is the username Feedburner

How Do? very easy is not it? I try my best to make this tutorial as simple as possible to be able to understand. If you are still facing problems to How to create a widget Email Subscription. So do not hesitate to ask me. Leave a comment below this post and I will sure get back to you if there is time.

Do not forget to read my other post to read SITEMAP

Share This Post :
 
Copyright © 2015 LABSTON | Adsense, Blogger, Android, Backlink, SEO, Template. All Rights Reserved
Template Johny Wuss Responsive by Creating Website and CB Design