Create a cool subscription form for Blogger

If you have many readers of your blog, then you must add a subscription form so that your readers can subscribe to get all of your blog’s or site’s updates. Here’s how top create this cool subscription form.
Go to Blogger Dashboard>Design>Page elements and then choose Add a Gadget and the choose HTML JavaScript Widget. Now paste the following red code in the content area

<style>
.mbt-email{
background:url(http://i53.tinypic.com/2igja0n.png) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.mbt-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.mbt-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px; 
width:170px;
color:#666;}
</style>
<div class=”mbt-email”> 
Subscribe via Email <form action=”http://feedburner.google.com/fb/a/mailverify” id=”feedform” method=”post” target=”popupwindow” onsubmit=”window.open(‘http://feeds.feedburner.com/theinfow/JZvf‘, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520′);return true”> 
<input gtbfieldid=”3″ class=”textarea” name=”email” onblur=”if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}” onfocus=”if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}” value=”Enter email address here” type=”text” /> 
<input type=”hidden” value=”theinfow/JZvf” name=”uri”/><input type=”hidden” name=”loc” value=”en_US”/> 
<input class=”mbt-emailsubmit” value=”Submit” type=”submit” /> 
</form> 
</div>
Change the black url with the link of your feedburner and change theinfow/jzvf with the title that usually appears at the end of your feed link.
That’s all. Save the gadget and see the cool subscription form on your side bar.!

Posted

in

, , ,

by

Tags:

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *