How To Place Banner ads on Blogger Blog

How to place banner ads on your blog

One of the popular ways bloggers monetize their site is by placing ads either from ad networks (like AdSense, Infolinks, etc.) or from individuals (and companies/organizations too).
Monetizing your site with ad networks is usually by adding some codes into your HTML file and the rest is taken care of (i.e. ads automatically gets added to your blog according to the codes in your HTML file). Placing individual ads on your blog is quite different from placing ads from ad networks.

READ THIS:How Can i Use Infolinks and Google AdSense Together?

For Individual ads, photos (banner) and web page links are usually used. Photos of brands or business to be advertised are uploaded with a link to the advertiser when the photo is clicked on. In this article, I’m going to show you how you can place banner ads both on the side bar and above blog title. With few easy steps and a little HTML editing, you’ll have it all done. Follow me:

>How to place banner ads above blog title

To place banner ads above blog title, you will need to add an HTML gadget on the Header section of your blog Layout but the Header is set to default which allows only one gadget and that one gadget is occupied by your blog title but a little editing will allow you add another gadget to the Header section of your blog Layout.

Step 1: Sign in to your blog with your Google account.

Step 2: On the blogger dashboard, click on ‘Theme’ and on the next page that opens, Click on ‘Edit HTML’.

Step 3: On the HTML page, click on ‘Jump to widget’ and select ‘Header1’. (Jump to widget is above the HTML text box).

Step 4: Look for this code <b:widget id=’Header1′ locked=’false’ title=’YOUR_BLOG_TITLE’ type=’Header’ version=’1′> or copy and paste this code in the search box <b:widget id=’Header1′ (to open the search box, click on the HTML text box and press ctrl+F for Windows or Cmd+F for Mac).

Above that code, you should see something like this <b:section class=’header’ id=’header’ maxwidgets=’1′ name=’Header’ showaddelement=’no’>. That’s the code to be edited. The ‘maxwidgets’ attribute has a value of 1, change it to 2 and change showaddelement from no to yes. Click on ‘Save theme’.

Step 5: Now click on ‘Layout’ on the left side of the blogger dashboard. Locate the ‘Header’ section in the layout page and you’ll see an option to add a gadget.

Step 6: Click on ‘Add gadget’ and select ‘HTML/JavaScript’.

Step 7: Input the code of the ad you want to place (usually an HTML code to show image with a link to the advertiser) and click on ‘Save’. Visit your blog to see the banner ad above your blog title.

>How to place banner ads on sidebar

Unlike the Header section of your blog layout, the sidebar layout allows as many gadget as you want and it’s quite easy to place banner ads on the sidebar. Follow Step 6 & Step 7 above place banner ads on the sidebar of your blog.

For the sidebar, a square Image will fit better and above the title bar, a rectangular Image will fit better.