1. Login to your Blogger account.
2. Click on Dashboard >> Layout.
3. Click on Add a Gadget.
4. Select HTML/Javascript widget.
5. Paste the following code and Save.
<style>
#topbox{width:250px;border:1px solid #a1a1a1;background-color:#ffffff;padding-bottom:15px;padding-top:5px;}
#news-letter{clear:both;padding-top:10px;}
.msg-box{float:left;width:50px;height:54px;margin-right:9px;padding-top:5px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIsBTG9AptP5oy_FFUoF1_y-oWEQUHPzhFYx2dtj7Es90PnSMvQm5Axmgv9m_L9r0P_yaRzPr4Cr95QSH2m68Qoex8Y-r2SU4YwuwZH0ELB6NoHHd1EiGKi_n4-WRW45cxeibQCcP_Gtw/s800/mail-box.png) no-repeat;}
.news-headline{position: relative;z-index: 999;font-size: 18px;padding-bottom:10px;font-weight:bold;}
</style><br />
<div id="topbox">
<center>
<div class="news-headline" color:="color:">
Get Free Email Updates
</div></center>
<center>
<table border="0">
<tbody>
<tr>
<td style="padding-right: 4px;"><a href="http://twitter.com/sr-site" target="_blank" title="Follow Me On Twitter">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2FfTBhwXdAxXUC69SVmiCOLaowD1MnqsIV-MFqIPJfU3s9xcQQIaHKAvG9bacPQJs4y-q8_r3Qb3jD6O7Jza40ZQzNXB3DsEJX5UbNeLTa-dndTXQzROzxLfdMwx2BwgjEtvhIay2g_k/s1600/sr-site.com-twitter-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://feeds.feedburner.com/sr-site" target="_blank" title="Subscribe Via RSS">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMGtwZNkxcKcMoGTEbCY97iujNfm-vxnMaF17hXbJKk3Nmbn-hRdaipOcOmdTtz0moFlysun0w_Yl88jh5TpDdGA2kndOpYxxcxTZ7BgvstLULzuRuFcmQzjloJ7IPZw4qT4UuiLt6iv0/s1600/sr-site.com-rss-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://www.facebook.com/sr-site" target="_blank" title="Find Us On Facebook">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT28pb55Fwhjo8oE4myB24DZphrsstE4upF5GCtIdvvmTa8V7NofjJkVcU01FxrebUlImTNJEEg9D0Ayy1FCrdVRdK_JZMwwbl8-a0RHKyYUFeUCyx9lBuDy_yOLk7hjiZDq_QmM0tQd8/s1600/sr-site.com-facebook-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="https://plus.google.com/107955298793879607964" target="_blank" title="Add me on Google+">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1dkRMi-VMAZuYB9vxCSvdxMofBt2oMDfMBYa-2E4xD0f-lJ4VYRJtZgqq5zbjYfKEvkO7f_l2R__G9QI1W72mG6xEO6_nw-Apa1vEHA7LNK9TKgj_WwEdDTMH9wh5LkyH-SteJZupESY/s1600/sr-site.com-google-plus-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://youtube.com/username" target="_blank" title="Add To Technorati">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5RedCb3zNsVIf4W9ipXv5GSChVHZjGue8PpfCKghNHk0AY6s46Q6FeD9lq1a-tsNgoJJM4d4NImaJxjnMRryfiZNeoCGYb0S4QbGreAz1O6oJmx7ja2eaCoQtv_uvBTrcbYjAXcAKSfU/s1600/sr-site.com-youtube-icon.png" style="height: 25px; width: 25px;" /></a>
</td></tr>
</tbody></table>
</center>
<div id="news-letter">
<span class="msg-box"></span>
<b>Sign up for newsletter</b>
<br />
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=sr-site', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="ebutton3" gtbfieldid="2" maxlength="100" name="email" onfocus="this.value = '';" size="25" style="color: #333333; font-size: 11px; height: 21px; width: 130px;" type="text" valign="middle" value="Enter your email address" />
<input name="uri" type="hidden" value="sr-site" />
<input name="loc" type="hidden" value="en_US" />
<input class="ebutton2" id="submit" style="font-size: 11px;" type="submit" value="Send" />
</form>
</div>
</div>
<div class="clear">
</div>
<br />
<div class="clear">
</div>
0 comments:
Post a Comment