How to Add a Widget to Blogger

By

Updated on February 25, 2021

What to Know

In the blog control panel, go to the template tab. Choose Add Page Element.
Navigate to the location for the widget and select Add To Blog. Add a title (or leave it blank).
Locate the widget, copy the widget code, then paste the widget code in Blogger. Select Save Changes.

Sometimes it is nice to spice up your blog by adding additional content alongside your blog posts. Learn how to use Blogger to add a widget to your blog.

How to Add a Widget to Blogger

Follow these steps to add a widget to your menu.

How to Add Gadgets to Blogger

By Marziah Karch

Locate the widget you want to add to your blog and copy the widget's code to the clipboard.
Sign in to your Blogger account.
Go to the control panel of the blog and click on the template tab.
Click on the Add Page Element link at the top of your sidebar (menu). This will bring up a Choose New Element page.
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.
Type in whatever title you want to give the block that will contain the widget. You can also leave the title blank.
Paste the widget's code into the text box labeled content.
Click the Save Changes button.
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.
Click on the View Blog button next to your tabs to go look at your newly-added widget.