Wednesday 9 December 2009

Add subscribe to RSS feed at the bottom of the post



Here we are making a subscribe to my rss feed widget at the bottom of each post>we will make like shown in the image above.
CSS part
Add below code in to your css part which generally lies between skin tags.
.main-holder-blue { width: 458px; padding: 8px; background-color: #E5ECF9; border: solid 1px #1D4F52; margin: 4px 0 4px ; overflow:  hidden; }
.main-holder-blue h2 { color: #1D4F52; }

Html part and adding below posts.
Option 1:
IF you want this gadget should only appear on individual post not on the home page :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='main-holder-blue'>                             
<table><tbody>
<tr><td><a href='http://feeds2.feedburner.com/funwithblog' title='Subscribe to the RSS feed'><img alt='RSS Icon' class='left' height='32' src='http://www.nouveller.com/wordpress/wp-content/themes/maroon-moon/images/icons/rss-32.png' width='32'/></a>
</td> <td><a href='http://feeds2.feedburner.com/funwithblog' title='Subscribe to the RSS feed'>If you have enjoyed this post make sure U Subscribe to the RSS feed ! </a>
</td> </tr>
</tbody></table>
</div>
</b:if>
Option 2:
If you want the Rss gadget to appear in Home page as well as individual post too.

<div class='main-holder-blue'>                            
<table><tbody>
<tr><td><a href='http://feeds2.feedburner.com/funwithblog' title='Subscribe to the RSS feed'><img alt='RSS Icon' class='left' height='32' src='http://i39.tinypic.com/54j40m.jpg' width='32'/></a>
</td> <td><a href='http://feeds2.feedburner.com/funwithblog' title='Subscribe to the RSS feed'>If you have enjoyed this post make sure U Subscribe to the RSS feed ! </a>
</td> </tr>
</tbody></table>
</div>

Copy any of the code Either option 1 Or option 2 And search for  post-footer-line in your template and paste code below it and click save template.


No comments:

Post a Comment