Add a Widget to Blogger

This article teaches you how to add a gadget, which is Google's term for a widget, to your Blogger blog. Widgets add shortcuts or additional features, like visitor counters or social media like/follow buttons, to your blog.

Steps

  1. Go to Blogger. Use the link to the left or type "www.blogger.com" into a browser window.
  2. Click on SIGN IN. It's in the upper-right corner of the window.
  3. Log in with your Google ID. If your Google account appears on the screen, click on it, otherwise, click on Add account.
  4. Enter your Google password and click on Sign in.
  5. Click on 🔽. It's next to the blog title that appears below the word "Blogger" in the upper-left corner of the window.
  6. Select a blog. 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.
  7. Click on Layout. It's on the left side of the window in the Blogger dashboard menu.
  8. Scroll down and click on âž• Add a Gadget. Select a button in the part of the layout where you want the gadget to appear, like the cross column or a sidebar.
  9. Scroll down and select a gadget. 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.
  10. Click on âž•. It's to the right of the gadget's name.
  11. Customize your gadget. 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.
  12. Click on Save. It's in the lower-left corner of the dialog box.
  13. Click on Save arrangement. It's an orange button in the upper-right portion of the window. This saves your gadget and takes it live on your blog.



Tips

  • Each time you use the "Add a Gadget" feature in Blogger, your new widget will always appear at the top of your layout above all your other widgets. You will be required to drag and drop your new widget to its desired location.
  • When adding Blogger widgets or customized widgets to your blog's sidebar, take note of the pixel width size to make sure it fits and is visible within your sidebar. If you are using a Blogger template, you can adjust the sidebar width using the Template Designer on the Design tab to accommodate your widget.
  • When adding a widget using the "Add a Gadget" tool within Blogger, you have the option to enter the URL for a gadget you want to add from outside of Blogger. Click on the link that says "Add Your Own" and type in the name of the website you want to add.

Warnings

  • Adding a large number of widgets to your blog may potentially cause your blog pages to load slower, however this may vary depending on the browser being used and personal browser configurations.

Related Articles

Sources and Citations

Retrieved from "https://kipkis.com/index.php?title=Add_a_Widget_to_Blogger&oldid=349675"