How to Add HTML code to Blogger Blog

posted Jun 18, 2011, 8:51 AM by admin@   [ updated Jun 18, 2011, 8:52 AM ]

Blogger is one of the popular blogging platform powered by Google.

Adding HTML code to Blogger is a very simple now as they are providing widgets now for adding HTML code in sidebars. To add HTML code on sidebar follow the steps

  1. Login to
  2. Click Layout under Manage of the blog you want to edit the sidebar to add ads, this will bring up a section called Page Elements
  3. On the right hand side of this layout for page elements you will see your sidebar with 2 things here, “Add a Page Element” and “Blog Archive”.
  4. Click on “Add a Page Element”, this is kind of like what wordpress blog calls “Widgets”.
  5. You will see a page element called “HTML/JavaScript”, this is the page element you want to use on your blogger sidebar to place affiliate ads that are in the form of HTML or JavaScript.
  6. Click on “ADD TO BLOG”. This page element is similar to WordPress sidebar text widget.
  7. You will be asked to enter title and content. Just paste your HTML/JavaScript code in the content box and leave the title box blank.
  8. Click Save, then when the window closes, click Save on the next one, now you will see your ads on your blogger sidebar.