Make the default Blogger email Subscription widget more stylish

I added some of the css codes to make the default Follow by Email widget look more beautiful in my Previous Post. Now i have few more styles that i would like to share. Adding these codes are very simple. All you have to do is activate the Follow by Email Gadget from Layout. Then


  • Go to Layout
  • Click on Add a Gadget
  • Select HTML/Javascript
  • Paste the style code of the design you like and Save. You are Done

<!-- Email form style by www.techirsh.com -->
<style>
.follow-by-email-inner {
padding: 20px 30px 0px 30px;
background: url("http://i46.tinypic.com/34ywk5c.png") no-repeat;
font-weight: bold;
margin-top: 10px;
border-radius: 5px;
height: 55px;
}
</style>

<!-- Email form style by www.techirsh.com -->
 <style>
.follow-by-email-inner {
padding: 25px 30px 0px 380px;
background: url("http://i47.tinypic.com/6xpz53.png") no-repeat;
font-weight: bold;
margin-top: 10px;
border-radius: 5px;
height: 55px;
width: 250px;
}
</style> 

<!-- Email form style by www.techirsh.com -->
<style>.follow-by-email-inner {
padding: 110px 30px 0px 30px;
background: url("http://i50.tinypic.com/jh315k.png");
font-weight: bold;
margin-top: 10px;
border-radius: 5px;
height: 65px;
width: 260px;
}
</style> 

<!-- Email form style by www.techirsh.com -->
<style>.follow-by-email-inner {
padding: 10px 10px 0px 10px;
background: url("http://i46.tinypic.com/2q0vhnd.png");
font-weight: bold;
margin-top: 10px;
border-radius: 5px;
height: 40px;
}
</style> 

<!-- Email form style by www.techirsh.com -->
<style>
.follow-by-email-inner {
padding: 180px 60px 0px 20px;
background: url("http://i49.tinypic.com/2hnm72t.png") no-repeat;
font-weight: bold;
margin-top: 10px;
border-radius: 5px;
width: 310px;
height: 50px;
}
</style>

All the images are hosted in third party site. I request you to download the image and upload it in your own hosting. To download the image of your selected style open the image url from the code background: url("http://i46.tinypic.com/2q0vhnd.png")