BloodHorse.com

BloodHorse.com RSS Styling Guide

Customizing BloodHorse.com Feed Appearance

 

Styling with Cascading Style Sheets

The BloodHorse.com RSS feeds are marked up with id and class attributes, providing you with plenty of options for styling your resyndicated feed using Cascading Style Sheets.

Below you will find an example of how the BloodHorse.com All News feed is marked up. The other BloodHorse.com feeds are marked up similarly.

<div class="feedburnerFeedBlock" id="BloodHorse/AllNews453678">
<p class="feedTitle">BloodHorse.com RSS Feed Title</p>
<ul>
<li>
<span class="headline"><a href="#">First item headline here</a></span>
<p class="date">Jan 22, 2005</p>
<div>BloodHorse.com Article Summary goes here. Aliquam delenit enim nostrud autem velit eum aliquip lobortis consectetuer eum volutpat vero autem et. Tincidunt consequat illum quis suscipit dolor nonummy in dolore.</div>
</li>
</ul>
<div id="creditfooter"><a href="http://www.feedburner.com" target="_blank">
<img src="http://www.feedburner.com/fb/images/buzzboost-pwrd.gif" alt="Headlines by FeedBurner" /></a>
</div>
</div>

A unique ID is applied to each feed, providing an opportunity for styling specific BloodHorse.com RSS feeds. The ID associated with each feed is listed below.

All News: BloodHorse/AllNews453678
Top Headlines: BloodHorse/TopHeadlines533490
Racing News: BloodHorse/RacingNews533491
Auction News: BloodHorse/AuctionNews533492
Breeding News: BloodHorse/BreedingNews533493

Questions? Comments? Contact us at rss@BloodHorse.com.

Overriding BloodHorse.com Feed Settings

It’s possible to override the settings of the script to display or disable certain features. Below you will find several features you can modify. Simply take the snippet provided for the feature you wish to modify and place it at the end of the "src" attribute in the <script> tag (make sure you leave the quotations, though). If you want to make multiple overrides, just keep adding the snippets to the end of the "src" attribute. If you are confused about where to put the snippets, an example of the <script> tag is provided for each override.

Override: Insert Snippet: Example <script> tag:
Set the number of articles displayed

&nItems=*

*Insert number of articles desired

<script language="JavaScript" src="http://feeds.BloodHorse.com/BloodHorse/AllNews ?format=sigpro&nItems=5" type="text/javascript"></script>
Remove article summary &displayExcerpts=false <script language="JavaScript" src="http://feeds.BloodHorse.com/BloodHorse/AllNews ?format=sigpro&displayExcerpts=false" type="text/javascript"></script>
Display the date of the article &displayDate=false <script language="JavaScript" src="http://feeds.BloodHorse.com/BloodHorse/AllNews ?format=sigpro&displayDate=false" type="text/javascript"></script>
Change the location of the date to below the summary. &dateLocation=below <script language="JavaScript" src="http://feeds.BloodHorse.com/BloodHorse/AllNews ?format=sigpro&dateLocation=below" type="text/javascript"></script>
Change the date format

&dateFormat=*

*Possible Settings:

  • MM/dd/yyyy
  • MMM d, yyyy
  • MMM d yyy
  • d/M/yyyy
  • M/d/yyyy
  • MMMM d, yyyy
<script language="JavaScript" src="http://feeds.BloodHorse.com/BloodHorse/AllNews ?format=sigpro&dateFormat=MM/dd/yyyy" type="text/javascript"></script>

Example of multiple overrides:

<script language="JavaScript" src="http://feeds.BloodHorse.com/BloodHorse/AllNews?format=sigpro&displayDate= false&displayExcerpts=false" type="text/javascript"></script>

Questions? Comments? Contact us at rss@BloodHorse.com.