How to Add a Widget to Blogger

Go to Blogger., Click on SIGN IN., Log in with your Google ID., Enter your Google password and click on Sign in. , Click on 🔽., Select a blog., Click on Layout., Scroll down and click on ➕ Add a Gadget., Scroll down and select a gadget., Click on...

13 Steps 2 min read Medium

Step-by-Step Guide

  1. Step 1: Go to Blogger.

    Use the link to the left or type "www.blogger.com" into a browser window.
  2. Step 2: Click on SIGN IN.

    It's in the upper-right corner of the window. , If your Google account appears on the screen, click on it, otherwise, click on Add account. ,, It's next to the blog title that appears below the word "Blogger" in the upper-left corner of the window. , In the drop-down menu, click on the title of the blog to which you'd like to add a gadget.

    It will be in either the "Recent blogs" or "All blogs" section. , It's on the left side of the window in the Blogger dashboard menu. , Select a button in the part of the layout where you want the gadget to appear, like the cross column or a sidebar. , The set of gadgets that automatically appear are the "Basics" that are native Blogger widgets.

    Click on More gadgets in the upper-left corner of the window to see a list of available third-party widgets for your blog.

    Click on Add your own in the upper-left corner of the window to add a widget using a URL.

    To add a custom HTML or JavaScript widget, add the HTML/JavaScript gadget from the "Basics" menu and enter the widget's code in the dialog box that appears. , It's to the right of the gadget's name. , Add or change the gadget's title to how you want it to appear on your blog.

    Add or edit any additional text or information, like HTML or JavaScript code, that the widget will need to function properly. , It's in the lower-left corner of the dialog box. , It's an orange button in the upper-right portion of the window.

    This saves your gadget and takes it live on your blog.
  3. Step 3: Log in with your Google ID.

  4. Step 4: Enter your Google password and click on Sign in.

  5. Step 5: Click on 🔽.

  6. Step 6: Select a blog.

  7. Step 7: Click on Layout.

  8. Step 8: Scroll down and click on âž• Add a Gadget.

  9. Step 9: Scroll down and select a gadget.

  10. Step 10: Click on âž•.

  11. Step 11: Customize your gadget.

  12. Step 12: Click on Save.

  13. Step 13: Click on Save arrangement.

Detailed Guide

Use the link to the left or type "www.blogger.com" into a browser window.

It's in the upper-right corner of the window. , If your Google account appears on the screen, click on it, otherwise, click on Add account. ,, It's next to the blog title that appears below the word "Blogger" in the upper-left corner of the window. , In the drop-down menu, click on the title of the blog to which you'd like to add a gadget.

It will be in either the "Recent blogs" or "All blogs" section. , It's on the left side of the window in the Blogger dashboard menu. , Select a button in the part of the layout where you want the gadget to appear, like the cross column or a sidebar. , The set of gadgets that automatically appear are the "Basics" that are native Blogger widgets.

Click on More gadgets in the upper-left corner of the window to see a list of available third-party widgets for your blog.

Click on Add your own in the upper-left corner of the window to add a widget using a URL.

To add a custom HTML or JavaScript widget, add the HTML/JavaScript gadget from the "Basics" menu and enter the widget's code in the dialog box that appears. , It's to the right of the gadget's name. , Add or change the gadget's title to how you want it to appear on your blog.

Add or edit any additional text or information, like HTML or JavaScript code, that the widget will need to function properly. , It's in the lower-left corner of the dialog box. , It's an orange button in the upper-right portion of the window.

This saves your gadget and takes it live on your blog.

About the Author

R

Ryan Perry

Writer and educator with a focus on practical practical skills knowledge.

42 articles
View all articles

Rate This Guide

--
Loading...
5
0
4
0
3
0
2
0
1
0

How helpful was this guide? Click to rate: