Saturday 12 February 2011

Stylish Subscribe Box For Blogger, Wordpress, Website

Demo:
image

    Steps:

    1. Open blogger

    2. Edit your blogger layout

    3. Add a new HTML widget

    4. Copy this code and paste it

    5. Click on save

Use this code
<div style="background-color: #f2f2f2; border: .1em solid #B4BBCD; height: 140px; width: 280px; padding-top:5px;">
<center>Subscribe Free Email Updates<br />
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="_blank">
<table>
<tr>
<td>
<img src="http://austintech.org/wp-content/uploads/2009/10/email.png" alt="RSS" />
</td>
<td>
<input type="text" name="email" style="width: 160px;"/>

</td>
<td>


<input type="submit" value="GO" style="background-color: white; color: black; border: .05em solid #b4bbcd;"/>
<input type="hidden" value="[YOUR FEEDBURNER FEEDNAME]" name="uri"/><input type="hidden" name="loc" value="en_US"/>

</td>
</tr>
</table>
</form>


<hr />
<table>
<tr>


<td>
<a href="[YOUR FACEBOOK PAGE]" target="_blank">
<img src="https://lh3.googleusercontent.com/--aTW_4YmHbk/T_yu9ZmBKEI/AAAAAAAABrE/hLWFEFD3F2I/s32/facebook.png" alt="Blogger" />
</a>
</td>

<td>
<a href="[YOUR TWITTER PAGE]" target="_blank">
<img src="https://lh3.googleusercontent.com/-Gg_IJB2sbVE/T_yu-GqyWrI/AAAAAAAABrg/GRtQKt3AK28/s32/twitter.png" alt="RSS" />
</a>
</td>
<td>
<a href="[YOUR LINKEDIN PAGE]" target="_blank">
<img src="https://lh5.googleusercontent.com/-6r13o8xhyv0/T_yu9e7TrUI/AAAAAAAABrQ/LqvIIwG1ues/s32/linkedin.png" alt="RSS" />
</a>
</td>

<td>
<a href="[YOUR GOOGLE PLUS ACCOUNT]" target="_blank">
<img src="http://4.bp.blogspot.com/-q9Jm0AMZfHA/T9Ed22wmtbI/AAAAAAAAC8c/S2Uscm61Sbo/s000/gplus.png" alt="RSS" />
</a>
</td>

<td>
<a href="[YOUR FEED ADDRESS]" target="_blank">
<img src="https://lh6.googleusercontent.com/-I2i3uUO1C_U/T_yu-NrBarI/AAAAAAAABrU/dJgHgJ2aYvs/s32/rss.png" alt="RSS" />
</a>
</td>


</tr>
</table>
</center>

</div>






Just replace the following before use.








  • [YOUR FEEDBURNER FEEDNAME]"


  • [YOUR FACEBOOK PAGE]


  • [YOUR LINKEDIN PAGE]


  • [YOUR TWITTER PAGE]


  • [YOUR GOOGLE PLUS PAGE]


  • [YOUR FEED ADDRESS]




At last paste it and see…