August 09, 2011

Advanced Templates: Displaying Sidebar Feeds

The Your Feeds feature allows a user to quickly add an RSS or Atom feed to the sidebar of your blog. The module will display links to the most recent posts from the other site in your sidebar. Since Advanced Templates require editing the template code directly, you will need to update your templates with the HTML for the module.

Advanced Template Set designs are available with the Unlimited, Premium, and Business Class plans. If you are not using an Advanced Template Set for your blog's design, you can add the Feed Module at Design > Content.

First, you will need to edit a blog not using Advanced Templates and add the Your Feeds module. A Pro Unlimited plan allows you to create an unlimited number of blogs, and you can create a private, test blog within your account where you can edit designs before publishing the changes to your main blog. You can use an existing blog with a basic design or create a new blog at Blogs > Add A Blog. Select to make the blog private by unchecking the "Publicize this blog" box.

Then, go to Design > Content and select Your Feeds > RSS/Atom Feed > Add This Module. Enter the blog or feed URL for the site you want to add and click Ok. You'll then be able to choose the number of links and set the title of the module. Click Ok and Save Changes.

Finally, click to View Blog to see the module added to your test blog. Within your browser go to View > Source to view the code for the page. You'll look for the code similar to:

<div class="module-feed module">
<h2 class="module-header">Website Title</h2>
<div class="module-content" id="feed-877bc6913ece2d53da5c6a76e4a86c3cdf9e63a4">
<script type="text/javascript" defer="defer" src="http://example.typepad.com/.services/content?src=Feed:http%3A%2F%2Fwww.website.com%2Fatom.xml,5"></script>
</div>
</div>

Copy the code for the module-feed-module. For your Advanced Template blog, go to Design > Templates and click on the name of the template where you want to include the feed module. Paste the code copied from the page source of your test blog in to the preferred location in the template and Save Changes. If you want to include the feed module in multiple templates, each template will need to be updated with the code.

Additional feed display options

There are several third-party tools which you can use to display content from other sites on your blog using feeds. Including feed.informer and FeedBurner's Buzz Boost. The code provided by one of the third-party tools will be added in the same way you would add TypePad's feed module code. You can also use these options to display content from your blog on a website.

Search


Need design help?

Looking to launch a new blog? Have an itch to tweak your design or layout? Want a superior banner or design custom made specifically for your blog? We've got you covered!

Typepad Services badge