How to Add Gadgets to Blogger

Customize and enhance your blog with free widgets

Add a gadget screenshot

Blogger supports all sorts of widgets and gadgets for your blog, and you don't need to be a programming guru to add them.

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

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

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

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 other developers. 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.

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

04
of 05

Configure Your Gadget

Blogger gadgets
  1. If your gadget needs any configuration or editing, you'll be prompted to do that now. The Blog List gadget, for example, requires a list of blog URLs.
05
of 05

Preview and Save

Google Blogger

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.