Hello friends, Hope u doing well.
Today we will learn how to Place a beautiful and stylish email subscription box below every post in blogspot blog.
Learn How to add a cute email subscription widget in Blogger sidebar
Today we will learn how to Place a beautiful and stylish email subscription box below every post in blogspot blog.
Learn How to add a cute email subscription widget in Blogger sidebar
Same email subscription widget will show below each Blogger post |
Why to place an email subscription box below Blogger posts :
Your readers can easily subscribe to your posts. an email will be automatically delivered to there in-box when ever a new post will be created. Its very important for making a regular reader for your blog. it will be useful for users also, as they will be stay connected.
How to Install:
- Go to blogger Dashboard
- Click on template
- Click on edit html
- Now search for the code <data:post.body/>
- You may find this code from 3-4 times in your template . you have to check one by one. In my case it was 3rd position’s code. You have to Put following codes below <data:post.body/>
<form action=’http://feedburner.google.com/fb/a/mailverify’ method=’post’ onsubmit=’window.open('http://feedburner.google.com/fb/a/mailverify?uri=a1bloggerseo', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true’ style=’border:1px solid #DDD;padding:3px;text-align:center;background:#F1F1F1;’ target=’popupwindow’><span style=’margin:0 auto; padding-left:24px; position:relative;background: url(https://3.bp.blogspot.com/_b0xJ7qk6DTc/TEg2iHmUivI/AAAAAAAAAu0/j9tIV5fjTXw/s1600/myrss.gif) right center no-repeat;’/>Get Free Updates: <input name=’email’ onblur=’if (this.value == "") {this.value = "Enter your email";}’ onfocus=’if (this.value == "Enter your email") {this.value = ""}’ style=’width:176px;height:18px; background: #ffffa0 url(https://1.bp.blogspot.com/_b0xJ7qk6DTc/TInWwRjgSUI/AAAAAAAABC0/DWQZc1mUvaU/s1600/new-email.png) left no-repeat;padding: 1px 0px 1px 24px;border: 1px solid #8cafe3;’ type=’text’ value=’Enter your email’/><input name=’uri’ type=’hidden’ value=’a1bloggerseo‘/><input name=’loc’ type=’hidden’ value=’en_US’/><input type=’submit’ value=’Subscribe’/>
<center><i>*Please click on the confirmation link sent in your Spam folder of Email*</i></center>
</span></form>
<center><i>*Please click on the confirmation link sent in your Spam folder of Email*</i></center>
</span></form>
- You have to change a1bloggerseo (Highlighted with Red color) with your own feedburner id.
- Now click on save
All done!!!!
If you have any issue, Plz let me know…Tc
Leave a Reply