Do you know what a Email subscribe box or Subscription Form is? A box which brings high traffic to your blog. People just put their email address in an ordinary box and then click on the "Subscribe" button and then, they would get all your blog's new material right on their email's Inbox and if you have feedburner's summary feature enabled, they will come to your blog by reading an interesting heading on the reached email.
So today, I am going to tell you 8 ways to show a subscribe box on a blogger blog. These different eight ways will force your blog's visitor to put their email on that ordinary box. Let's see what are the 8 ways!:
8 ways to show a subscribe box:
- Subscribe box from a hyperlinked text.
- Subscribe box from a hyperlinked and floating image.
- Subscribe box on a pop-up box after few second a visitor reach at the page.
- Subscribe box when a visitors goes to exit from a page (Lightbox Popup).
- Subscribe box on sidebar as a widget.
- Subscribe box below every post.
- Subscribe box on a floating hidden frame.
- Subscribe box when a visitor reach at the end of the page.
#1. Subscribe box from a hyperlinked text
Its like hyperlinking a text but instead of a url, we'll put a subscribe box's link on it that will show a nice subscribe box when clicked. When your blog's visitors will click the hyperlinked text, a small beautiful and light weight subscribe box will appear with a subscription teaser and of course! with a subscribe box and a subscribe button. You can use this on your blog's header and hyperlink a text like 'Subscribe Us' so that, when a blog's visitor click the 'Subscribe Us' text, a small box will appear and ask the email of the visitor.
DEMO: See live demo here.
Let?s know, how to add it on your blogger blog:
- Go to Blogger Dashboard > Template > Edit HTML
Now, you have to add some CSS (Cascade Styling Script) to make the subscribe box beautiful.
- Search for ']]></b:skin>' on your template.
- Paste the following CSS above ']]></b:skin>':
- Search for '</body>' and above it, paste following code:
- Now, save your template.
Customization:
- Replace tntbystc with your feedburner username.
- You can replace text by editing the highlighted code.
How to hyperlink a text to show the subscribe box?
Now, almost everything is done. Whenever you wish to hyperlink a text, so that, the text will show a subscribe box when clicked, you have to use following piece of code:Do you know? You can use this to hyperlink on an image too! Just use below piece of code:
Done! You can check it by going on your blog and clicking the text or image for which you have used the above code.
Note: This hyperlink can be added multiple times on texts on same page.
#2. Subscribe box from a hyperlinked and floating image
Instead of hyperlinking a text, why not we hyperlink a floating image? This will attract your visitor's eyes too! This time, an floating image will appear at the left-bottom or right-bottom or left-top or right-top of the page. When a visitor click on that image, a nice subscribe box will appear teasing them to put their email in the box!DEMO: See Live Demo
Let?s know how to add it on your blogger blog:
- Same, Go to Blogger Dashboard > Template > Edit HTML
- To make this subscribe box good looking, you have to add some CSS codes. Search for "]]></b:skin>"
- Paste the following code above "]]></b:skin>"
- Now, to make the floating image appear, search for ?</body>?
- Paste the following chunk of code above ?</body>?
- Save your template and you?re done!
Customization:
Yeah! Customization on the above code as following:- If you want that image to be displayed in left, then change right to left in above code.
- If you want that image to be displayed in the top of the page, then change bottomwith top.
- If you want to change the text or subscription teaser, then just replace the highlightedcode.
- Change tntbystc with your feedburner username in above code.
.jpg)
