How to Add an External Widget or Codes to Blogger

Posted On // Leave a Comment

As a webmaster, web widgets are really matters if you wanna impress your readers or it can be used to improve user experience on your site. You can find different kind of widgets all over the web. It could be an official widget provided by organization, social plugin offered by social networks, widget offered by an online program or custom widgetdeveloped by users. And except for widgets, you might wanna add external code to your layout to render them, such as advertisements, badges, images, videos, links, web tools. Commonly, in most scenarios they will provide HTML code or Java Script code for you to add on your blog. But when it comes to Blogger, you may have no idea about how you gonna add them. You wanna know how to?

Blogger officially offers you list of widgets to be added on your blog directly via Blogger gadget list. But beyond Blogger gadgets, it does let you add external aka third-party functionality or code to your blog. Blogger has a specific element called HTML/JavaScript. It will enable users to render their external code on their blogs without accessing blog template directly. So if you are non-technical sort of user, you will find this really beneficial. Got external code to add on your blog? Let's figure out how to.


1. Navigate to Blogger Dashboard.

2. Click on your Blog Title.

3. Jump to Layout tab from left pane.

4. Here you will able to see all your elements on your layout. Click on an Add a Gadgetlink.

5. Scroll and find HTML/JavaScript element from the pop-up gadget list.

6. Now you can sum up a title on Title field if you want and add your third-party content or code right into the Content text field.

7. After adding your code, click Save button.

8. Now arrange or position your element by dragging it over the layout.

9. Preview your blog for added element on your blog.

Note: Sometimes your element or code may not render or function well in preview mode.

10. Once confirmed preview, click Save arrangement button on top.

Enjoy :-)



Post a Comment