Rss Feed play's important role inwards increaseing the website/blogs traffic.Most of the weblog owner's exercise it equally 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 volition non permit you lot down.Usually reader's as well as user's subscribe to your weblog via e-mail to larn your blog's latest updates straightly into in that location inbox.Setting Up H5N1 Rss Feed Email Subscription Widget is non really hard it is really simple,you don't demand whatever form of training.You practise your ain Rss Feed inwards unproblematic steps but earlier that you lot should bring a Rss Feed for your blog,if you lot don't bring Rss Feed For your Blog Go Here to Learn How You Can Burn Your Blog Feed In Feedburner.Now permit us starting fourth dimension working
Go to Blogger.com >>Your Blog >> Template >> Download BackUp of template>>then Expand Widget Templates>>Search for </head> as well as only inwards a higher house it paste the next code
<style type='text/css'>
.sub-box{
width: 600px;
background: #fff;
padding: 2px 5px 7px 7px;
border: 2px company #000;
border-radius: 15px;
}
.sub-box:hover{
border-style:dashed; 2px solid: #389af2;
}
.followlinks h1{
font-family:Cabin Condensed;
font-weight: bold;
color: #000;
padding: 0px 0px 2px 40px;;
font-size:17px;
}
.followlinks ul{
font-family:Cabin Condensed;
font-weight: bold;
}
.followlinks ul li{
float:left;
width:90px;
padding-left:40px;
margin:0 0 0 5px !important;
line-height:35px !important;
}
.followlinks ul li a{
font-size:20px !important;
text-decoration:none;
font-weight:normal;
}
.followlinks ul li.otrss{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiegvyuMNDyUcBMhicPpsqHuj_zTrlJG3V4jzqqQp9EHgxLOK4QKI2OG7W9LUmOQPAvrzp4mGjdnB7tmW3WYpa9ZKifINmi7GE81ey2GLvLMO17P8CTcWAQ3_1DXGUkXa_BAaiX3f1uTZ6t/s1600/rss-ot.png) no-repeat scroll left oculus transparent;
}
.followlinks ul li.otgoogleplus{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW8ldaGHIvbIEisBdIH993wqyI00nS_enWZ9x_DqWGeYnOIoB21jDPrBjR5ZiPys6-T5aDvIhNXtrz6yEv_g0pmi7kE-seiM90WLKoepx6ltowBjwkP1T8FfpE1gONQhB9GN0ntppeXm-5/s1600/googleplus-ot.png) no-repeat scroll left oculus transparent;
}
.followlinks ul li.ottwitter{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4EC6KExZKvZHGyVhsnycZKNuilit8-7xBB_QhSZeSBVAFAxDZZi4MtibZr5drXEMQbX78KoK5B_f11F3drclDFg3xnycs5NHsZXBeXjAchaNCAVS31dZFHYbWsX5QcPT8Z526bRogfKCR/s1600/twitter-ot.png) no-repeat scroll left oculus transparent;
}
.followlinks ul li.otfacebook{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF5Q9eGBcrWwSh-DZGQwRwe2-CHxW5-R0MotWVtqY7qSCiO5eOcBk-T7ERndb03yoACM4E4_GyGjTtSyBx6ffDKzQs79QTK2Mieat3K_7U-GqQaZvdnvwcyQmSaS3bmCppkAw_d9G3rRS7/s1600/facebook-ot.png) no-repeat scroll left oculus transparent;
}
form.emailform{
margin:5px 0 0;
display:block;
clear:both;
}
.emailtext{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipi1AexW1aCvrRubT4mo__LcRvVHiMkyVxUQLw_AhJvilLwS67jo7mLylVxE2DYoU1xsCUUmz7H918ILwFzz1jgPhNlsX6Qbc-QzgBDj__iM0vxlqM2sq_jKxeSFfpJo3B0iv8rd-9ArMx/s1600/ot-mail.png) no-repeat scroll 4px oculus transparent;
padding:7px 15px 7px 35px;
color:#444;
font-weight:bold;
text-decoration:none;
border:1px company #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: 550px;
}
.emailtext:focus{
outline: none;
}
.sub-button{
color:#444;
font-weight:bold;
text-decoration:none;
padding:6px 10px;
border:1px company #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%);
}</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 sec = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})(); </script>
Now Just Save your Template By Pressing Save Now and proceed to adjacent footstep forthwith house the next code where you lot desire to display Rss Feed Email Subscription Box in your blog.If you lot desire to house it inwards sidebar larn to>> Blogger.com >> YourBlog >> Layout >> Add H5N1 Gadget >> Html/Javascript >> as well as re-create as well as glue the next code there
<div class='sub-box'><div class='followlinks'><h1>Get Free Email Updates or Like us on your favourite Social networking site</h1><ul><li class='otrss'><a href='http://feeds.feedburner.com/Everfreetech' target='_blank'>RSS</a></li><li class='otgoogleplus'><a href='http://plus.google.com/114636838169087641091' target='_blank'>Google+</a></li><li class='ottwitter'><a href='http://twitter.com/Fosterzone' target='_blank'>Twitter</a></li><li class='otfacebook'><a href='https://www.facebook.com/Mybloggerlab' target='_blank'>Facebook</a></li></ul></div><br/><div style='text-align: left; display: inline-block;'><form action='http://feedburner.google.com/fb/a/mailverify' class='emailform' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=Everfreetech', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><input name='uri' type='hidden' value='Everfreetech'/><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></div>
Customizing Rss Feed Email Subscription Box According to your Details:
1.To add together your Rss Feed await for http://feeds.feedburner.com/Everfreetech as well as supervene upon it alongside your feed url
2.To Add Google Plus Look For http://plus.google.com/114636838169087641091 as well as supervene upon it alongside your Google Plus page Url
3.To Add your Twitter Page Look For Fosterzone And Replace it alongside your Twitter Username
4.To Add Your Facebook Page Look For https://www.facebook.com/Mybloggerlab and supervene upon it alongside your Facebook page url
5.Now the principal affair adding Email Subscription,Look For Everfreetech and supervene upon it alongside your Rss Feed page username i.e (http://feeds.feedburner.com/Everfreetech) alone username don't add together amount url
And Then Hit Save Button And Now Your Work is done if you lot desire to preview this Widget Click HERE if you lot bring whatever employment inwards adding the widget experience gratuitous to ask
No comments:
Post a Comment