Email Subscription Widget Below Blogger Posts Increases Your Feed Count As It Appears Under Every Post. Just Follow Simple Instructions To Add This To Your Blog
- In Customize Field Enter Your Feed Burner ID In Corresponding Box
- Click on Generate Button
- You Can Watch Demo (In New Tab) By Clicking on Demo
- Copy The Generated Code And Follow Below Steps
Copy The Generated Code And Follow below Steps
- First go to Blogger Dashboard > Template
- Download a copy of your template
- Click on Edit HTML
- Find below code in your template (Want help to find code Click Here)
<data:post.body/>
- If You Find Three <data:post.body/> Then Add The Code After or Below 2nd One
Finally save your template and visit your any post you will watch this widget after posts ends.I have kept the installation one step installation,if still you are getting any single problem then feel free to mention it via comments,I will reply as soon as possible.
Direct Mode :
- First go to Blogger Dashboard > Template
- Download a copy of your template
- Click on Edit HTML
- Find below code in your template (Want help to find code Click Here)
<data:post.body/>If You Find Three <data:post.body/> Then Add Below Code After or Below 2nd One
<style>
.topsubsbox {
background: none repeat scroll 0 0 #292929;
border-radius: 0px 0px 0px 0px;
color: #FFFFFF;
font-size: 14px;
height: auto;
margin-left: -7px;
padding: 15px;
transition: border-radius 0.5s ease 0s;
width: auto;
}
.topsubsbox:hover {
border-radius: 0px 30px 0px 30px;
}
.topsubsbox p {
line-height: 21px;
text-align: justify;
width: auto;
}
.subsbox {
float: right;
margin: 0 106px;
}
#subbox {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZmkVC9pV9gcvUw80_9SVcZXft0jfFea1qkOWIbZLcuhOfDWTDUTxJoSOtgWFsfIIHyl6Z3Lq152LyjlEgDUacWKHUxEqJdyjuxJiKF3BD1IoI-A3uJQ0v2E5BuV3JNrL0mI5-Vdy-9f4l/s1600/subscribe-email.png") no-repeat scroll right center white;
color: #888888;
padding: 10px;
width: auto;
}
#subbutton {
background: none repeat scroll 0 0 #0089E0;
border: 1px solid #292929;
border-radius: 0px 0px 0px 0px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
margin-top: 15px;
text-transform: uppercase;
transition: border-radius 0.5s ease 0s;}
#subbutton:hover {
border-radius: 18px 0px 18px 0px;}
</style>
<br />
<div class="topsubsbox">
<div style="font-family: oswald; font-size: 20px; letter-spacing: 1px; text-align: center;">
Don't Miss a Single Post ! Join Us Now !</div>
<div class="subsbox">
<form action="http://feedburner.google.com/fb/a/mailverify" id="subscribe" method="post" onsubmit="window.open( 'http://feedburner.google.com/fb/a/mailverify?uri=newblogger-tricks', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input id="subbox" name="email" onblur="if ( this.value == '' ) { this.value = 'your email address';}" onfocus="if ( this.value == 'your email address') { this.value = ''; }" type="text" value="your email address" />
<input name="uri" type="hidden" value="newblogger-tricks" />
<input name="loc" type="hidden" value="en_US" />
<input id="subbutton" type="submit" value="Send Updates!" />
</form>
</div>
<br />
<div style="color: #05a4d5; font-size: 9px; letter-spacing: 2px; margin-top: 25px; text-align: center;">
Note: Don't forget to click the confirmation link (in your email) to verify Your Entry!</div>
</div>
<div style="clear: both;">
- Replace newblogger-tricks with your Feedburner Username
Not Woking
ReplyDeleteThanks For Commenting.....We Had Corrected and it is working properly
DeleteThanks bro It is working now but the problem is that its size is to big. Plz tell me how to make its smaller.
DeleteOn The First Code Change Height and width from auto to your desired size
Delete