Tuesday, April 17, 2012

Tweet 4 Eye Catching Subscribe To Feed Banners For Below Blog Posts

Subscribe To Feed Banners Below Posts

Banner 1



Banner 1 Code

<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwWLh86JZGmuTsn6Rr3eJzqzCuK5Ho3SrZ1ZEP39rIb6CwL4fgffp168PIiDESDadpFli_u8mIurV8CqOE2JqyA2n5wgbpd-jOfzGQySbNeUwTkUZL3J9x1A52aggxqg1RZH4J_jK_YJCd/s1600/best+blogger+tips.png'/></a><center><a href="http://feeds2.feedburner.com/spiceupyourblog" title="Subscribe To Our Rss Feed"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYeNF18zGXVvaexUpKl4zROUC3mQ1IZT2-n9HYen-nsIk8uIbVg9skOIq4e_JuiaYcMWgH_M51Ao0prOixBge4awz2rs_q1PpTehm101OIrSNUsUKcEEwOpGt5BOOV8oyPs7xVBFsJXJs6/s320/dont+miss+feed.jpg" /></a></center>


Note - You must change the URL in red to your Feed URL.


Place The Banner Below Your Posts On Blogger

Step 1. In your Blogger Dashboard click 'Layout/Design' > 'Edit Html' > Tick the 'Expand Widget Templates' box


Blogger layout


edit html blogger

Expand widget templates blogger

Step 2. Find The Following Piece Of Code In Your Blogs Html :
(Click 'Ctrl and F' for a search bar to find the code)

<data:post.body/>

Step 3. Place the code for your Rss Banner Directly Below / Under <data:post.body/>

Extra Note - If your Blog uses the 'Read More' or 'Post Summerys' feature you may want the banner to only be on the posts and not on the home page.If so place this snippet above your banner code : <b:if cond='data:blog.pageType == &quot;item&quot;'> And place this below you banner code : </b:if>

Once you have the banner code in your template Save and your Done !

Share this

0 Comment to "Tweet 4 Eye Catching Subscribe To Feed Banners For Below Blog Posts"

Post a Comment