How To Display Recent Blog Posts On 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:
Go to the Build page at feed2js.org.
Enter the blog's feed into the field:
You can also style the output with CSS.
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.