Use a blog feed to display recent blog posts on your site.

Best practices

  • Use on landing pages as it assists with search engine optimization.
  • Use category feeds to supplement specific page content.
  • Use the condensed option when it supplements web page content.
  • Use the expanded option when it’s the primary content for a web page.
  • Only use when blog is current. Follow best practices for blogging.
<article class="ContentBlock BlogFeed Page10">
    <h2 class="Header">
        Lorem ipsum dolor sit amet consectetur
    </h2>
    <script>
        missouristate.requireScript("https://missouristate.info/scripts/2015/feeds/rss_atom.min.js");
    </script>
    <div class="FeedReader" data-feedurl="https://news.missouristate.edu/feed" data-allnewshref="https://news.missouristate.edu" data-allnewslabel="More news" data-includehistorical="" data-includedate="false" data-includeblurb="false" data-entrycount="5">
        <div class="Loading">
            <em>Loading items. . .</em>
            <br />
            <img src="https://missouristate.info/images/2015/loading.gif" alt="loading" />
        </div>
    </div>
</article>
<article class="ContentBlock BlogFeed Page{{pageId}}">
    <h2 class="Header">
        {{feedHeading}}
    </h2>
    <script>missouristate.requireScript("https://missouristate.info/scripts/2015/feeds/rss_atom.min.js");</script>
    <div class="FeedReader" data-feedurl="{{feedUrl}}" data-allnewshref="{{allNewsLink}}" data-allnewslabel="{{allNewsLabel}}" data-includehistorical="{{includeCachedEntries}}" data-includedate="{{displayDate}}" data-includeblurb="{{includeBlurb}}" data-entrycount="{{entryCount}}">
        <div class="Loading">
            <em>Loading items. . .</em>
            <br />
            <img src="https://missouristate.info/images/2015/loading.gif" alt="loading" />
        </div>
    </div>
</article>
{
  "pageId": 10,
  "feedHeading": "Lorem ipsum dolor sit amet consectetur",
  "feedUrl": "https://news.missouristate.edu/feed",
  "entryCount": 5,
  "includeBlurb": "false",
  "displayDate": "false",
  "includeCachedEntries": null,
  "allNewsLabel": "More news",
  "allNewsLink": "https://news.missouristate.edu"
}