Blogger

How to add Gadgets or Widgets to blogger Blog

1311

This tutorial is to help the new bloggers who are not aware of the blogger settings to add widgets or gadgets. Since I’m using a custom template that supports adding widgets in the sidebar, header, and footer, my blogger layout may look different than others. But the method to add the widget is the same. If you are new to blogging, I recommend you to read, Giving Professional look to blogger, Running your blog on a custom Domain, Creating Posts and Pages in blogger, Adding custom Robots.txt.

What are Gadgets or Widgets?

A widget is a stand-alone application embedded into third-party sites, e.g. a webpage, blog, or profile on a social media site. For example, widgets are used to add contents like Facebook like boxes, Google + badges, Popular contents, recent comments, etc, on a Blogger blog. Using HTML/JS gadget, any type of HTML, Javascript and CSS snippets can be added.

How to add Gadgets to Blogger?

Login to your Blogger blog using your Google account. Click the blog where you need to add a gadget. In the blogger layout section, gadgets can be added. Access the layout section from the left panel as shown in the screenshot below.

In the layout page, at the preferred position, click “Add a Gadget“. Depending on the theme you are using the layout may differ. Some themes support adding gadgets to a custom position but some are not. Once you click “Add a Gadget”, a popup opens. Select the gadget you want to add. Since I’m using a custom template my blogger layout looks different based on the template. It may look different in yours. But the method to add the Gadget is the same.

Click on the gadget you want to add. Enter the details and click save. You have now added a Gadget successfully. Finally, click “Save Arrangement” from the Layout Window on the right top side. The most widely used Gadgets in blogger is the HTML/JS gadget. It allows you to add any of the HTML or Javascript snippets to blogger blog.