"Keep learning ~~ keep smiling ~~ keep sharing"     

Sunday, February 7, 2010

How to Add Gadgets in Blogger blogspot

Gadgets, previously known as Page Elements and also referred as widgets in the blog's template, can be easily added to spice up your blog or enhance usability, productivity or whatever. Blogger has made it so very simple for us to add all kinds of gadgets, via the blog's Layout and sub-tab Page Elements, without needing to edit the blog's template.

However, if you are still using the old Classic Template, you'll first need to upgrade your blog to Blogger New Layouts feature to enable you to add gadgets to your blog. To upgrade, just click on Template, Customize Design and then Upgrade as detailed at Blogger Help.

How to add gadgets to your blog, edit and reposition them :
(an easy tutorial for new bloggers or those who've recently upgraded to New Layouts feature)
  1. Sign in to your Blogger account which will then lead you to the Dashboard.

  2. Click on Layout and the Page Elements layout opens for you to add, arrange or rearrange the page elements (gadgets) on your blog. The blog page is basically made up of four sections: header at the top, main column where the blog posts are, sidebar(s) (one, two or more, depending on your template design) and the footer at the bottom.

    Click the Add a Gadget link at any section of the Layout that you want your gadget to be displayed. You can add as many gadgets as you wish, one at a time. As in picture above (taken from the default Blogger Minima template), the Add a Gadget link appears at 3 sections, that is, below the header, at the sidebar and footer.
    If you want gadgets above and below the blog posts (main column), it can be done too - just select the Add a Gadget link at any of the 3 sections, follow the steps (as in steps #4-5) to add the gadget of your choice. Then, click and drag the page element to reposition it where desired as illustrated in images below.

    Screen shot to illustrate how to add a gadget above the blog posts widget Screen shot to illustrate how to add a gadget below the blog posts widget

  3. Clicking the Add a Gadget link will open the Add a Gadget window that will display the various gadgets available under Basics. Just scroll down to find the gadget you want and then click the plus sign beside it (or its thumbnail or gadget name) to select your choice. Or browse through the other gadget galleries for more by clicking any of the links listed to the left of window.

    Screen shot of Blogger Add a Gadget window, listing the various gadgets available

  4. A window of your selected gadget pops up for you to configure the gadget. The Configure Blog List as illustrated below is one such window. Just follow the steps/options, enter the relevant data and click Save when done.

    Screen shot of Configure Blog List, a page element (gadget/widget)

  5. By default, Blogger puts the newly-added page element (gadget) at the top of the section you've selected. But, you can rearrange or reposition your page elements anywhere to your liking. Just click on the page element that you want moved, hold down the click to drag it to new position and release click to drop it there. Take note however that all page elements can be moved except your navbar, header and blog posts.
    Finally, click Save, followed by the View Blog button to see the changes or additions.

    Screen shot to illustrate how-to reposition a page element (gadget/widget) at the sidebar

  6. Should you want to edit any page element (including the Navbar, Header and Blog Posts) or gadgets that have been added, just click on the Edit link of the gadget and its window pops up to enable you to make changes. Click Save when you're done. Read more on Layout Guide by Blogger Help.
That's all! Enjoy!


  1. Replies
    1. Thanks for your lovely feedback, Gagan Masoun!
      Have a nice day.

  2. Good points explained. It will definitely help in giving a new look to blog


Welcome! Kindly leave your comments which are very much appreciated with a thankful heart.

Custom Search