Every blogger wants to grow his subscribers list and build huge fan base and subscribers. Everyone is not successful with it. Do you know one of the reasons? it is placement of subscription box.
If you put subscription post under a post then there are higher chances of making the visitor subscribe to your blog. The visitor comes at the end of the post only after reading it and enjoying it. If he finds that "Get more such articles in your inbox" at the end with subscription box, then there are higher chances of making him/her subscribe.
Also the design of subscription box matters. Here is the simple cute subscription box design I made which I'm going to share with you all. Scroll at the end of this post to see the subscription box live.
Also the design of subscription box matters. Here is the simple cute subscription box design I made which I'm going to share with you all. Scroll at the end of this post to see the subscription box live.
You can also read: Stylish feed-burner box in blogger sidebar
How to Add Simple Cute Subscription Box Under Every Post in Blogger
1. Go to Blogger > Template.
2. Click on Edit HTML > Proceed > Check Expand Widget Templates
3. Place below code right after <head> tag.
<link href='http://fonts.googleapis.com/css?family=Droid+Sans|Open+Sans+Condensed:700' rel='stylesheet' type='text/css'/>
4. Find ]]></b:skin> and paste below code right above it
.bwidgets4all-box {
background: #FFF;
text-align: justify;
margin: 20px 0 40px 0;
padding: 10px;
border: 1px solid #FFF;
overflow: auto;
box-shadow: 1px 3px 3px rgb(188, 188, 188);
}
.bwidgets4all-box p {
margin: 0;
padding: 0;
}
5. Now find these code.
<b:if cond='data:blog.pageType == "item"'>
6. Paste following code below above mentioned codes..
<br />
<div class='bwidgets4all-box'><h2>Did You Enjoy This Article</h2>
<p>If yes, Then enter your email below to get </p>
<p>more such great articles in your inbox</p>
<p>For FREE !</p><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=bwidgets4all', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><center> <input name='email' onblur='if (this.value == "") {this.value = "Enter Your Best Email";}' onfocus='if (this.value == "Enter Your Best Email") {this.value = ""}' size='30' type='text' value='Enter Your Best Email'/> <input name='uri' type='hidden' value='bwidgets4all'/> <input name='loc' type='hidden' value='en_US'/> <input class='submit' type='submit' value='Subscribe'/></center></form></div>
5. Change the Red text with your Feedburner Username.
6. Click on Save Template and You're done. Pl consider sharing with friends if you liked the article.
Hi! I am K Ajay, currently live in Chandigarh, India. A young Web Designer, Pro Blogger, Graphic Designer & an addicted Web Developer. I love working on Blogger and WordPress using CSS Tricks,and Web Designing.
0 comments:
Important - Make sure to click the "Subscribe By Email" link below the comment for to be notified of follow up comments and replies.If you use Name/URL don't use keywords as your name (You Know Who You Are).
Post a Comment