Sharing your blog on your site (#1034)

Got a website AND a blog? Show your latest blog entries on your website with these tools.
Print this article

Sharing your latest blog entries on other websites is a great way to increase readership (both of your blog and your other sites). If you update your content often, your readers have a great reason to visit frequently. Showing the content from your blog on another site is as easy as pasting a special javascript into your site wherever you want that content to appear. (You can get that script using the form below.)

You can customize what shows up in the feed from your blog. For instance, you can choose how many entries to show, whether to show the date of your entries next to the link, and how long a summary you want to show (or if you want a summary to show at all). Simply fill out the form below to generate your script. Copy and paste the script from the resulting page into your code, and that's all you need to do.

Get the script for your feed


(Only include the folder name after )

Leave blank if you do not want to restrict posts to a single category. A category slug is usually the category name in lowercase with spaces replaced by dashes. You can find a category's slug in the 'Slug' field in the table at Posts » Categories from your Dashboard.

Leave blank if you do not want summaries to appear.
You can assign any ID you'd like to the container for your blog's feed. Just make sure that the empty container's ID matches what you put here.

Additional questions?

Do you want to use CSS to add more style to your blog feed?

Good news, the script that generates your feed includes several classes for CSS. Below you can see an example of the actual HTML code that the script generates so you can style your feed appropriately.

<div id="vcu_blog_feed">
<ul class="vcu_blog_list">
<li class="vcu_blog_item">
<a href="LINK" originalAttribute="href" originalPath=""LINK"" originalAttribute="href" originalPath=""LINK"" target="_blank">TITLE</a> <span class="vcu_blog_date">(MM/DD/YYYY)</span>
<p>SUMMARY...</p>
</li>
<li class="vcu_blog_item">
<a href="LINK" originalAttribute="href" originalPath=""LINK"" originalAttribute="href" originalPath=""LINK"" target="_blank">TITLE</a> <span class="vcu_blog_date">(MM/DD/YYYY)</span>
<p>SUMMARY...</p>
</li>
</ul>
</div>

Footnotes:

* To avoid the possibility of partial words being displayed, the script will automatically display only up to the last space before your chosen character limit. In other words, if your summary has a 50 character limit and your blog entry has an 8-letter word that starts at the 48th character, your summary would be cut off before that word.

This article was updated: 01/28/2013