Rss Feed play's important role in increasing the website/blogs traffic.Most of the blog owner's use it as a machine which generates traffic for them.Creating a RSS Feed Subscription box is smart move.If your website/blog Content is of good quality then RSS Feed Subscription Box will not let you down.Usually reader's and user's subscribe to your blog via email to get your blog's latest updates straightly into there inbox.Setting Up A RSS Feed Email Subscription Widget is not very difficult it is very simple,you don't need any sort of training.Now let us start working
Follow these simple steps to put this widget in your own blog for free
- Go to your blogger Dashboard.
- Select layout option.
- Click on add a new widget
- Select Html/javascript
- Now Copy the given code below and paste it inside html widget.
<style type='text/css'>Note: To make this widget working with your blog you just need to change the blue colored text in the code with your RSS feed Address.
.sub-box{
width: 100%;
border: 1px dotted #CCC;
border-radius: 15px;
}
form.emailform{
display:block;
clear:both;
}
.emailtext{
background:url(http://4.bp.blogspot.com/-DMrSxx8BJqo/TteQx1ijO2I/AAAAAAAABF0/Qd1ROb_8oeA/s1600/ot-mail.png) no-repeat scroll 4px center transparent;
padding:7px 0 ;
text-align: center;
color:#444;
font-weight:bold;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
width: 100%;
}
.emailtext:focus{
outline: none;
}
.sub-button{
color:#444;
width: 100%;
margin: 5px 0 0;
font-weight:bold;
text-decoration:none;
padding:6px 10px;
border:1px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-goog-ms-border-radius: 5px;
border-radius: 5px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
.sub-button:hover{
background: -moz-linear-gradient(top, #e7e7e7 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#F4F4F4',GradientType=0 );
background: linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);
}
a {
color: grey;
font-family: sans-serif;
font-weight: bold;
}
p {
color: grey;
margin-top: -0.5%;
font-family: sans-serif;
}
</style>
<script type='text/javascript'>
WebFontConfig = {
google: { families: [ 'Cabin+Condensed::latin' ] }
};
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})(); </script>
<div class='sub-box'>
<center>
<div style='text-align: center; display: inline-block;'>
<h2 style='font-family: sans-serif; color:#444;'>Subscribe here</h2>
<form action='http://feedburner.google.com/fb/a/mailverify' class='emailform' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=Aio-solution', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='uri' type='hidden' value='Aio-solution'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='emailtext' name='email' onblur='if (this.value == "") {this.value = "Enter your email...";}' onfocus='if (this.value == "Enter your email...") {this.value = ""}' type='text' value='Enter your email...'/>
<input alt='' class='sub-button' title='' type='submit' value='SignUp'/>
</form></div>
<p>Powered by<a href='http://aio-solution.blogspot.com'> AIO-Solution</a></p>
</center></div>
Syed Zaver Abbas is SEO expert in pakistan. he is web designer, web developer, software developer and graphics designer that means he is multi talented. he is also learning more about computer science.
ConversionConversion EmoticonEmoticon