Search
 
 

Display results as :
 


Rechercher Advanced Search

Latest topics
RSS feeds


Yahoo! 
MSN 
AOL 
Netvibes 
Bloglines 



How To Add Retro Style Rss Subscription Widget For Blogger

View previous topic View next topic Go down

How To Add Retro Style Rss Subscription Widget For Blogger

Post by Admin on Sun Jun 02, 2013 12:59 am

This
tutorial is meant to show you how to add Retro Style rss feed
subscribe box for blogger. This is unique widget. Your visitors can
subscribe Rss news feed form this widget. It will help to get
pageview for your blog.


1. Log in to blogger account

2. Now select "Layout"

3. Click Add Gadget and select 'HTML/Javascript

4. Paste below one of below code.

Code:
<style>

#socialbox{border:2px solid black;
width:270px;padding: 5px 5px 5px 5px;  }

img.beintouch:hover {
    background: none repeat scroll 0 0 #ffbc99;
    border-radius: 16px 16px 16px 16px;
    box-shadow: 0 0 10px #ffbc12;
}
.emailtext {
 
 background:
url("http://2.bp.blogspot.com/-j-CXUeGodJI/T0H9qpD6cjI/AAAAAAAAAI8/uuryDfQYWVI/s1600/mailbox.png")
 no-repeat scroll 4px center transparent;
    border: 1px solid #7E4E27;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 4px #7E4E27 inset;
    color: #444444;
    font-weight: bold;
    margin-left: 2px;
    padding: 7px 15px 7px 35px;
    text-decoration: none;
    width: 120px;
}
.ebutton {
    background: #D55959;
    border: 1px solid #D3D3D3;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    margin-left: -18px;
    margin-top: 5px;
    padding: 6px 15px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000000;
}
</style>
<br />
<div id="socialbox">
<table align="" cellpadding="1px" cellspacing="0px" style="width: 290pxpx;"><tbody>
<tr><td>
<a
 href="http://facebook.com/yourstech" rel="nofollow" target="_blank">
 <img class="beintouch"
src="http://2.bp.blogspot.com/-NuK5y-gO46Y/URoPuaRX36I/AAAAAAAAGvM/dXyVF3SaTHU/s1600/yourstech-facebook-icon.png" /></a></td><td>
<a href="http://twitter.com/yourstech"
 rel="nofollow" target="_blank"><img class="beintouch"
src="http://2.bp.blogspot.com/-d1_O0ki5Muk/URoPu8yXvBI/AAAAAAAAGvs/jAIKiDZ76VU/s1600/yourstech-twitter-icon.png" /></a></td><td>
<a href="http://pinterest.com/yourstech"
 rel="nofollow" target="_blank"><img class="beintouch"
src="http://1.bp.blogspot.com/-Eiup_nW2ZKM/URoPuQtPP_I/AAAAAAAAGvQ/8YM4qXuzNRo/s1600/yourstech-pinterest-icon.png" /></a></td><td>
<a
 href="https://plus.google.com/107955298793879607964" rel="nofollow"
target="_blank"><img class="beintouch"
src="http://3.bp.blogspot.com/-fSMn88IbMzI/URoPuTkJ71I/AAAAAAAAGvU/7EjpWnBYAP0/s1600/yourstech-google-icon.png" /></a></td><td>
<a href="http://feeds.feedburner.com/yourstech"
 rel="nofollow" target="_blank"><img class="beintouch"
src="http://1.bp.blogspot.com/-kb9t36s2YMw/URoPu6ZWQ0I/AAAAAAAAGvg/7CQVi-gg3BQ/s1600/yourstech-rss-feed-icon.png" /></a><a href="http://yourstech.com/"></a></td></tr>
</tbody></table>
<div>
<center>
<b>Get Newest Articles By EMAILS </b></center></div>
<form
 action="http://feedburner.google.com/fb/a/mailverify" class="emailform"
 method="post"
onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=yourstech', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin: 0pt;" target="popupwindow">
<input name="uri" type="hidden" value="yourstech" />
<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="ebutton" title="" type="submit" value="Subscribe" />
</form>
</div>

For social media icons, you can change URLs as your link.
Replace yourstech with your Feedburner ID

7. Now save your HTML/Javascript'.

Admin
Admin

Posts : 2732
Join date : 2012-06-08

View user profile http://yourforum.americantalk.net

Back to top Go down

View previous topic View next topic Back to top

- Similar topics


 

Permissions in this forum:
You cannot reply to topics in this forum