How to Add a Widget to Blogger

Blogger logo
Blogger / Google Inc.

Sometimes it is nice to spice up your blog by adding additional content alongside your blog posts. One way of doing this is to add a widget to your menu.

If you use Blogger for your blog, these instructions will guide you through adding a widget to your blog.

Difficulty: Easy

Time Required: 5 minutes

Here's How

  1. Locate the widget you want to add to your blog and copy the widget's code to the clipboard.
  2. Sign in to your Blogger account.
  3. Go to the control panel of the blog and click on the template tab.
  4. Click on the Add Page Element link at the top of your sidebar (menu). This will bring up a Choose New Element page.
  5. Locate the entry for HTML/Javascript and click on the Add To Blog button. This will bring up a new page allowing you to add some HTML or Javascript to your sidebar.
  6. Type in whatever title you want to give the block that will contain the widget. You can also leave the title blank.
  7. Paste the widget's code into the text box labeled content.
  8. Click the Save Changes button.
  9. By default, Blogger puts the new element at the top of the sidebar. If you hover the mouse over the new element, the pointer will change to four arrows pointing up, down, left and right. While the mouse pointer has those arrows, you can hold down your mouse button to drag the element up or down in the list, and then release the button to drop it there.
  10. Click on the View Blog button next to your tabs to go look at your newly-added widget.