How to Add Gadgets to Blogger

Customize and enhance your blog with free widgets

Blogger lets you add all sorts of widgets and gadgets to your blog, and you don't need to be a programming guru to know how. You can add all sorts of widgets to your blog, like photo albums, games, and more.

To learn more about how to add widgets to a Blogger blog, we'll look at how to use the Blog List (blogroll) widget to show your visitors a list of websites you recommend or like to read.

01
of 05

Open the Layout Menu in Blogger

Blogger - Blogspot
Screen Capture

Blogger gives access to widgets through the same area where you edit the layout of your blog.

  1. Login to your Blogger account.
  2. Choose the blog you want to edit.
  3. Open the Layout tab from the left side of the page.
02
of 05

Decide Where to Place the Gadget

Blogger - Blogspot
Screen Capture

The Layout tab shows all the elements that make up your blog, including the main "Blog Posts" area as well as the header section and menus, sidebars, etc.

Decide where you want the gadget to be placed (you can always move it later), and click the Add a Gadget link in that area.

A new window will open that lists all the gadgets you can add to Blogger.

03
of 05

Select Your Gadget

Blogger Gadgets
Screen Capture

Use this pop up window to choose a gadget to use with Blogger.

Google offers a large selection of gadgets written by both Google and third parties. Use the menus on the left to find all the gadgets offered by Blogger.

Some of the gadgets include a Popular Posts, Blog's stats, AdSense, Page Header, Followers, Blog Search, Image, Poll, and Translate gadget, among several others.

If you don't find what you need, you can also select HTML/JavaScript and paste in your own code. This is a great way to add widgets created by others or to really customize things like a menu.

In this tutorial, we'll add a blogroll using the Blog List gadget, so select it by pressing the blue plus sign next to the item.

04
of 05

Configure Your Gadget

Blogger gadgets
Screen Capture

If your gadget needs any configuration or editing, you'll be prompted to do that now. The Blog List gadget, of course, needs a list of blog URLs, so we need to edit the information to include website links.

Since there aren't any links yet, click the Add a blog to your list link to start adding some websites.

  1. When asked, enter the URL of the blog you want added.
  2. Click Add

    If Blogger can't detect a blog feed on the website, you'll be told that, but you'll still have the option to add the link.
  3. After adding the link, use the rename button next to the website if you want to change the way it appears on the blogroll.
  4. Use the Add to List link to add additional blogs.
  5. Hit the Save button to save the changes and add the widget to your blog.
05
of 05

Preview and Save

Google Blogger
Screen Capture

You'll now see the Layout page again, but this time with the new gadget positioned wherever it is you initially chose in Step 2.

If you want, use the dotted grey side of the gadget to reposition it anywhere you like, by dragging and dropping it wherever Blogger lets you put gadgets.

The same is true for any other element on your page; just drag them wherever you like.

To see what your blog will look like with any configuration you choose, just use the ​Preview button at the top of the Layout page to open your blog in a new tab and see what it would look like with that particular layout.

If you don't like anything, you can make more changes on the Layout tab before you save. If there's a gadget you no longer want, use the Edit button next to it to open its settings, and then press Remove.

When you're ready, use the Save arrangement button to submit the changes so that those layout settings and new widgets will go live.