Have you ever thought of adding attractive and stylish email subscription box below every post of your blog ?
Keeping stylish email subscription box will help you alot in getting email id's of your visitor. With this you will be able to turn them into your loyal readers and then you would be doing the real business.
Because after this you can email your visitors and call them whenever you publish any new post.
"subscribe to newsletter" this is really an important term which you need to understand today. If you are the regular reader of solvemyhow then your had already learned the purpose behind maintaining one mailing list.
This is the 3rd tutorial I'm covering today for adding email subscription box. Adding it below the blog post is not the only way to collect email id's. There are other two ways too, where your can place your subscription box and collect lot of email id's.
I recommend you to must read the above mentioned tutorials and apply it on your blog. But for now lets see,
The reason behind installing subscription box below each and every post is, it give you more opportunity to gain more subscribers for your blog.
I have already shown you the snapshot above. This is how your subscription box will look. If you know html and css then you can change the color and look.
Now lets quickly add it. I've share the code and implementation below. You can follow the step by step guide to install this widget.
Must Read :-
Step 1 :- Go to blogger.
Here to add it we have to make changes into blogger template. So I recommend you to take backup of your blogger template first.
Step 2 :- Go to blogger template.
Step 3 :- Now search ]]></b:skin> ( press ctrl + f ).
Just paste the code mentioned below just above - ]]></b:skin>
Step 4 :- Now search <div class='post-footer-line post-footer-line-3'>
Paste the code mentioned below just after <div class='post-footer-line post-footer-line-3'>
Step 5 :- Replace feedburner name.
Now look for the comment,
<!-- ********************************************** Change Feedburner Name********************************************************** -->
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open("http://feedburner.google.com/fb/a/mailverify?uri=SolveMyHow", "popupwindow", "scrollbars=yes,width=550,height=520"); return true' target='popupwindow'>
<table>
<tr> <td width='100%'>
<!-- ********************************************** Change Feedburner Name Ends********************************************************** -->
Change the highlighted part with your feedburner name.
For example :- http://feeds.feedburner.com/SolveMyHow
The above mentioned is my feedburner link.
Step 6 :- Save your template and visit your blog post.
Congrats. You have just installed the widget.
If you wanted to share this code on your blog then please give proper credits to solvemyhow else you may be caught and google may penalized your blog and may be de-indexed it forever.
So, this was all about adding stylish and attractive email subscription box below every post in blogger. I hope this will help you to gain more subscribers for your blog and it will surely increase your blog's traffic. If your are facing any difficulties while installing this widget into your blog, do let me know in the comments below. I would be glad to solve your queries. You can also subscribe for solvemyhow newsletter to get instant updates about blogging, SEO and hacking right into your inbox.
Found this post interesting ? Why not help us by shooting those social media buttons on your left side. After all "sharing is caring" right.
Also See :-
How to Hack Wifi Password in 2 Minutes
How To Run Multiple Whatsapp Accounts (dual whatsapp)
Complete Guide To Create Professional Contact Form In Blogger
Complete Guide To Make Professional 404 Error Page In Blogger
Complete Guide To Add Author Bio Box/Widget In Blogger (With Pictures)
Trick To Unsend A Sent Email From Your Gmail Account (With Pictures)
What Is Adsense Revenue Share Between Publishers And Advertisers
Keeping stylish email subscription box will help you alot in getting email id's of your visitor. With this you will be able to turn them into your loyal readers and then you would be doing the real business.
Because after this you can email your visitors and call them whenever you publish any new post.
"subscribe to newsletter" this is really an important term which you need to understand today. If you are the regular reader of solvemyhow then your had already learned the purpose behind maintaining one mailing list.
This is the 3rd tutorial I'm covering today for adding email subscription box. Adding it below the blog post is not the only way to collect email id's. There are other two ways too, where your can place your subscription box and collect lot of email id's.
- How To Add Email Subscription Popup Widget In Blogger
- Stylish And Attractive Email Subscription Box For Blogger
- Trick To Automatically Tweet Your Blog Posts Using Google Feedburner
- How To Add Floating Social Media Buttons To Blogger
I recommend you to must read the above mentioned tutorials and apply it on your blog. But for now lets see,
How To Add Attractive Email Subscription Box/Widget Below Every Post:
The reason behind installing subscription box below each and every post is, it give you more opportunity to gain more subscribers for your blog.
I have already shown you the snapshot above. This is how your subscription box will look. If you know html and css then you can change the color and look.
Now lets quickly add it. I've share the code and implementation below. You can follow the step by step guide to install this widget.
Must Read :-
- [Exclusive] Top 10 URL Shortener Websites To Earn Money
- Improve Search Engine Optimization Of Your Blog In 5 Minutes For Beginners
- [Exclusive] Get PR9 Backlinks From Top Social Media Sites
Step 1 :- Go to blogger.
Here to add it we have to make changes into blogger template. So I recommend you to take backup of your blogger template first.
Step 2 :- Go to blogger template.
- Blogger dashboard >> Template >> Edit HTML
Step 3 :- Now search ]]></b:skin> ( press ctrl + f ).
Just paste the code mentioned below just above - ]]></b:skin>
Step 4 :- Now search <div class='post-footer-line post-footer-line-3'>
Paste the code mentioned below just after <div class='post-footer-line post-footer-line-3'>
Step 5 :- Replace feedburner name.
Now look for the comment,
<!-- ********************************************** Change Feedburner Name********************************************************** -->
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open("http://feedburner.google.com/fb/a/mailverify?uri=SolveMyHow", "popupwindow", "scrollbars=yes,width=550,height=520"); return true' target='popupwindow'>
<table>
<tr> <td width='100%'>
<!-- ********************************************** Change Feedburner Name Ends********************************************************** -->
Change the highlighted part with your feedburner name.
For example :- http://feeds.feedburner.com/SolveMyHow
The above mentioned is my feedburner link.
Step 6 :- Save your template and visit your blog post.
Congrats. You have just installed the widget.
If you wanted to share this code on your blog then please give proper credits to solvemyhow else you may be caught and google may penalized your blog and may be de-indexed it forever.
So, this was all about adding stylish and attractive email subscription box below every post in blogger. I hope this will help you to gain more subscribers for your blog and it will surely increase your blog's traffic. If your are facing any difficulties while installing this widget into your blog, do let me know in the comments below. I would be glad to solve your queries. You can also subscribe for solvemyhow newsletter to get instant updates about blogging, SEO and hacking right into your inbox.
Found this post interesting ? Why not help us by shooting those social media buttons on your left side. After all "sharing is caring" right.
Also See :-
How to Hack Wifi Password in 2 Minutes
How To Run Multiple Whatsapp Accounts (dual whatsapp)
Complete Guide To Create Professional Contact Form In Blogger
Complete Guide To Make Professional 404 Error Page In Blogger
Complete Guide To Add Author Bio Box/Widget In Blogger (With Pictures)
Trick To Unsend A Sent Email From Your Gmail Account (With Pictures)
What Is Adsense Revenue Share Between Publishers And Advertisers
0 comments:
Post a Comment