Aviary Image Editing Tools Available For All!
Featured Blog: The Scenestar

Display Recent Tweets On Your Blog

TypePad recently added a customization option for when you to share your posts to Twitter, but what if you want to display your recent tweets on your blog?

By adding one of the many Twitter widgets to your blog's sidebar, you can display your recent tweets along side your blog posts.

We recommend the official Twitter widget as it is easy to customize and add to your blog. If you prefer a different style, you can do an online search for other widgets, like TwitStamp.

To configure the Twitter widget, go to: http://twitter.com/about/resources/widgets/widget_profile

Under Settings, enter your Twitter handle. At anytime you can click the Test Settings button to see how your widget will appear.

Under Preferences and Appearance, you can set the number of tweets you want to display and the colors of your widget.

Under Dimensions, we recommend selecting the auto width option. The auto width setting will allow the widget to fit any width sidebar, and the widget will adjust if you change the sidebar width after adding the widget.

Configure Recent Tweets Widget

(click to view full page)

After you complete the configuration of your widget, click the Finish & Grab Code button and copy the code provided. If you use a different widget, you'll also need to copy the code for it. The code will then need to be added to your TypePad blog.

In TypePad, go to Design > Content. For most designs, you can select the Embed Your Own HTML module, click Add This Module, paste in the code, and click OK. (more info) If you don't have the Embed Your Own HTML module option because you are using a Mixed Media Layout, you can create a Notes type of TypeList and add the code to a TypeList item. Then, you'll add the TypeList to your blog at Design > Content. (more info) After rearranging the sidebar content, click Save Changes to update your blog.

If you prefer to add a simple Twitter Follow button to your sidebar, instead of the recent tweets widget, you can configure the Twitter button at http://twitter.com/about/resources/buttons and copy the code. The code for the Follow button can be added to your blog's sidebar using the Embed Your Own HTML module or a Notes TypeList. Like the recent tweets widget, you can do an online search for a wider variety of Twitter follow buttons to add to your blog.


Kofla Olivieri

For about two years I've been using the "the official twitter widget". I wish it had the scrolling twitter feeds.

The comments to this entry are closed.