How To Display Recent Blog Posts On Your Website

The recently published posts to your blog can be displayed on your website using the blog's feed in conjunction with javascript. When you publish a new post to your blog, the recent posts list on your website will automatically update to display the latest posts with the javascript added to your website.

First, grab the URL for your blog's feed. The feed for your blog can be found by adding atom.xml to end of your blog's URL or clicking the Subscribe link on your blog. For example:

http://example.typepad.com/blog/atom.xml

Second, use a third-party feed to javascript tool to generate the code required to display the posts on your website. There are several third-party feed or RSS to javascript tools available. We recommend Feed2JS as the easiest. If you have set up a FeedBurner feed, you can use FeedBurner's BuzzBoost feature.

Using Feed2JS

Go to the Build page at feed2js.org.

Enter the blog's feed into the field:

Feed2JS offers many options to choose from to determine what content is included from your feed. After adjusting the settings, click Generate JavaScript to produce the code.

You can also style the output with CSS.

See the Feed2JS Help page for more tips.

Using FeedBurner's BuzzBoost

If you haven't already, set up a FeedBurner feed. Once a FeedBurner feed is created for your blog, sign in to FeedBurner. Click on the name of the feed to manage the feed. Click Publicize > BuzzBoost. Similar to Feed2JS, you have several options to determine what content is included from your feed.

After adjusting the settings, click Activate to generate the code.

If you want to display a list of recent posts on a Typepad blog, you have the option with FeedBurner to Use as a widget in Typepad. This is ideal if you have multiple blogs and want to display recent posts from one blog in the sidebar of another blog in your Typepad account.

Tips to style the display of the recent posts content is also possible. See FeedBurner's common styling tricks documentation.

See the BuzzBoost FAQ for more information.

Add the code to your website. Copy the code which was generated and place it on your website where you want the recent posts from blog to display.

Please keep in mind that although the feed for your blog is updated with new posts immediately after publication, it may take some time the script displayed on your website may take longer to update with newly published posts.

Other ways to integrate your blog and website:

• Use Domain Mapping to map a subdomain - e.g. blog.website.com - of your website domain to your blog.
• Add a website link below the banner of your blog in the Navigation Bar.