How to Add Ads on Blogger Sidebar Menu

Blogger tips on how to edit blogger html template to add ads to blogger sidebar

Adding ads to your blogger blog sidebar isn't too hard. All you will be doing to add ads to your blogger sidebar is just copying and pasting HTML code or JavaScript code to your blogger sidebar. There are 2 ways to do this, usually just using the blogger page element for adding HTML usually works fine. I have seen some JavaScript and HTML code that didn't work properly using the blogger page element for adding HTML code. When this happens you can always edit the HTML in the blogger template yourself. This isn't too hard either, just have to figure out where to place the code at. Sometimes it is hard to know where one ad ends and where another starts if you don't know HTML code or JavaScript. Even using this method it is just copying and pasting HTML code as well.

Placing ads on a blogger blog is useful if you want to have an ad showing on every page easily without having to place this ad's HTML code on every single post. Also remember your viewers eyes will also be looking at your sidebar for navigation and more information. You can place ads close to your navigation to make them look similar to your menu or just close to it so it gets more attention.

1. Login to blogger.com
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.

Blogger Tip: If you are going to use Google adsense on your blogger blog do not use the Google AdSense page element! Just login to Google AdSense create an ad and copy and paste the JavaScript ad code to the "HTML/JavaScript" page element. This method will make more money, Google blogger will take a percentage of your earnings for hosting your ads if you use their AdSense page element. So just add them yourself, do not use the page element to add your Google AdSense ads

If that method of adding your HTML or JavaScript code didn't work, then you will need to edit the HTML code of the template layout yourself. To do this you can follow these steps to add HTML/JavaScript ads to your Google Blogger blog by editing the template's html code.

1. Login to your Google Blogger blog
2. Click "Layout" for the blog you want to edit the html layout for adding ads to your sidebar. This will take you to a section called "Page Elements"
3. Towards the top of the Page Elements section click on "Edit HTML". This will bring up the code for this template.
4. This is not all standard HTML, there is some HTML, PHP, JavaScript, and some blogger only type of HTML code. That is used to call the Page Elements, like <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/></b:section> is not valid HTML. This is kind of equal to a php include command <?php include('Blog-Posts.php'); ?>, but there own little version of their own code.
5. The section that starts the blogger sidebar is <div id='sidebar-wrapper'>, so place your code after that code and before the next </div>.
6. Click Save Template, and now your HTML code or JavaScript code will be showing on your blogger blog sidebar.
7. Blogger Tip: If you change your blogger template or theme this will change the sidebar since this code is now part of this template only and not all of them.

For more Google Blogger Tips check out Google Blogger Help Tips. If you don't find the blogger tips you need, feel free to ask your blogger questions on my Home Business Help Forum.

• Start Up
  • Get a FREE EIN Online
  • Find Niche Content
  • Get a Webhost
  • Find Products
    • Wholesale Drop Shipping
    • Affiliate Programs
  • Setup Affiliates
    • General Affiliates
    • Setup Google AdSense
    • Setup Amazon Widgets
• Blogging
  • Wordpress Blog
    • Install Wordpress via Simple Scripts
    • Install WordPress via Fantastico
    • Install WordPress via FTP
    • Setup WordPress Options
    • Install WordPress Themes
    • Install WordPress Plugin
    • Configure WordPress Plugins
    • Write a Post
    • Write a Page
    • Add Images
    • Add Ad Links
    • Place Ads on Sidebar
    • Add HTML Code
  • Google Blogger
    • Create Blogger Account
    • Write a Post
    • Add Images
    • Add Ad Links
    • Place Ads on Sidebar
    • Add HTML Code
• Web Design
  • Adobe Dreamweaver
  • MS Expression Web
  • MS FrontPage
  • MS Publisher
• Increase Traffic
  • Internal SEO
    • Good SEO Titles
    • Good SEO Descriptions
    • Good SEO Keywords
  • External SEO
    • Create FREE Sitemap
    • Submit Search Engines
    • Blog Backlinks
    • Submit Web Directories
    • Social Networking Marketing
    • Article Submission
    • Classified Ads
    • Link Exchange
  • Paid Advertising
    • Google AdWords
    • Yahoo Partner Network
• Help Forum
• Examples
  • Example Blogs
  • Examples Websites

Internet Marketing for Small Businesses

FREE internet marketing guide to start an internet business