How To add Subscribe & Follow Widget

How To add “Subscribe & Follow” Widget

Here's and example

Live Demo Here

1. Go to "Design->Add a gadget"

2. Copy the following Code:

<center>

<form style="padding-top:6px;" id="subscribe" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=mybuxx/sFvZ', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">

<input type="text" value="Enter your email address..." id="subbox" onfocus="if (this.value == &#39;Enter your email address...&#39;) {this.value = &#39;&#39;;}" onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email address...&#39;;}" name="email" style="width:170px;" />

<input type="hidden" value="Make money online name="uri" />

<input type="hidden" name="loc" value="en_US" />

<input style="

        padding-left:5px;

        padding-right:5px;

        padding-top:1px;

        border: 1px solid #198DC9;

        cursor: pointer;

        -moz-border-radius: 15px 15px 15px 15px;

        background-color: #198DC9;;

        color: #FFFFFF;

        font: normal 15px Times New Roman;"

type="submit" value="Subscribe" />

</form>

</center>

<center>

<table border="0">

<tr>

<td>

<a href="http://twitter.com/deniezdayerz" target="_blank" title="Follow Me On Twitter">

<img style="width:42px; height:42px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitstBeV6lfutURdfq4D6dWsRVJAYOrI3aMhrjZ_AfmdomG6KQQyd9YM5SGrQMrbS8YlKGyMy9bQ65AezXo5HVoLxVDtuCY06Ih8mCVkBfy364M93Ob4reIX_7dYn6r6O7WAM34ehQqgA0/s800/EAB_twitter%20icon.png" /></a>

</td>

<td>

<a href="http://feeds.feedburner.com/mybuxx/sFvZ" target="_blank" title="Subscribe Via RSS">

<img style="width:42px; height:42px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8Ayx3nVVttQqTRFUAuOsYg5L5lT-AhP4Uqt67qryCy7gHWruGzf5gO9g1IOdDSZqCPW7wiAkvxVPFHEBXRxfFx5rWqztK53NCCUqePqiaiOr6Blz-CE5CHJ8f_5I_Rlt2B6peEgUXf58/s800/EAB_rss.png" /></a>

</td>

<td>

<a href="http://www.facebook.com/pages/deniez.dayerz" target="_blank" title="Find Us On Facebook">

<img style="width:42px; height:42px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_hTJui2S85oDoVXPElwmS144BI_j2Nmd98of4aM0UlhZP9U2IxOZcMa2XcQmcP3l6VWgE-5Co9-DM9O0AghRl2X9IIg-caMLOycn6cXv-sunqn6Oril-NAj_zTcjNkuXTe1gzQhcdSE0/s800/EAB_facebook icon.png" /></a>

</td>

<td>

<a href="http://technorati.com/faves?sub=addfavbtn&add=http://www.mybuxx.com" target="_blank" title="Add To Technorati">

<img style="width:42px; height:42px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9eMe5vilftPj8BtPwYrG3qtOpyBOw-0NjxyVnrPiTNXfcQc8VJjlzeCcjlZT7lgWkhWx8OdM48TzuvQJmAe4-evJCWRWWXxpjy7mwk-uv9ax9-C6NGAUL_c5EHmd7WIqfUsV_VRbric8/s800/EAB_technorati%20icon.png" /></a>

</td>

<td>

<td>

</td>

</td>

</tr>

</table>

</center>

3. Change the blue highlight "width:170px;" change the widht change according to your wishes.

4. Change the red highlight with your url link.

5. Save template, Done and look the widget!!!