Provide a subscription form is one of the way to increase our blog traffic. Even our visitors can read our blog news without visit our blog directly. So, the presence of subscription form is very important. But, many bloggers can't make a subscription form. So in this post, I will share to you about how to make subscription form. Just follow the steps below. Below is example of thesubscription form.
Join the team! By Submitting your email address:
1. Log in to your blogger account
2. Go to Design --> Page Elements --> Add Gadget
3. Choose HTML/Java Script
4. Copy the code below, and paste on it
<a href="http://feeds2.feedburner.com/easybloggingtricks" rel="alternate" title="Subscribe now to avail the unthinkable" type="application/rss+xml"><img border="0" alt="" style=" padding-bottom:20px; margin: 0pt 10px 10px 0pt; float: left; width:100px; height:100px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtqIuykb8jd_6M4rKqjEZNbRC5bcsvAgr-u7KLh72eWiUy2DK7QH6No2n3UrF1U2pG89xHyThWmcmzq7ih8dxOrUP53xVYziljbRv3_ZSdNCbjO5wdAqPVVKOFbmJk_qXFnUlhHiz8Ikfr/s400/MBT-RSS-FEED.gif"/></a><p><a href="http://feeds2.feedburner.com/easybloggingtricks" rel="alternate" title="Subscribe to my feed" type="application/rss+xml">Join the team! </a><span style="color:#5C6AA4; font-weight: bold;">By Submitting your email address:</span></p>
<style>
input.mbt1 {
color:#fff;
font: bold 10px Arial, sans-serif;
background:#F39100;
border:0;
padding:3px;
}
input.mbt1hov {
color:#fff;
font: bold 10px Arial, sans-serif;
border:2px solid #F39100;
padding:3px;
}
</style>
<form action="http://feedburner.google.com/fb/a/mailverify" style="padding: 5px; " target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=easybloggingtricks', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input style=" color:#5C6AA4; background: #fff; border:1px solid #5C6AA4; width: 90px;" name="email" type="text"/><input value="easybloggingtricks" name="uri" type="hidden"/><input value="en_US" name="loc" type="hidden"/> <input onmouseover="this.className='mbt1 mbt1hov'" onmouseout="this.className='mbt1'" value="GO!" class="mbt1" type="submit"/></form><br/>
=> Replace http://feeds2.feedburner.com/easybloggingtricks with your feed URL<style>
input.mbt1 {
color:#fff;
font: bold 10px Arial, sans-serif;
background:#F39100;
border:0;
padding:3px;
}
input.mbt1hov {
color:#fff;
font: bold 10px Arial, sans-serif;
border:2px solid #F39100;
padding:3px;
}
</style>
<form action="http://feedburner.google.com/fb/a/mailverify" style="padding: 5px; " target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=easybloggingtricks', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input style=" color:#5C6AA4; background: #fff; border:1px solid #5C6AA4; width: 90px;" name="email" type="text"/><input value="easybloggingtricks" name="uri" type="hidden"/><input value="en_US" name="loc" type="hidden"/> <input onmouseover="this.className='mbt1 mbt1hov'" onmouseout="this.className='mbt1'" value="GO!" class="mbt1" type="submit"/></form><br/>
=> Replace https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtqIuykb8jd_6M4rKqjEZNbRC5bcsvAgr-u7KLh72eWiUy2DK7QH6No2n3UrF1U2pG89xHyThWmcmzq7ih8dxOrUP53xVYziljbRv3_ZSdNCbjO5wdAqPVVKOFbmJk_qXFnUlhHiz8Ikfr/s400/MBT-RSS-FEED.gif with your picture URL
=> Replace #5C6AA4 with your color code choice
=> Replace Join the team! By Submitting your email address: with your sentences
=> Replace easybloggingtricks with your feedburner feed title
5. Save it now
Post a Comment