Blog Tutorial - Putting in Ads

First you will need an account with Google AdSense. It takes a few days to get approved, but once you are then you're all set. You can have 3 ads per page so you'll want to make use of that.

I'm going to make this tutorial for the basic templates that are in the MType Blog because if you've changed your templates, chances are you can still use this tutorial to get the ads in the right place.

First you need to log into your blog and click the templates button on the left. You'll see a list of them (see below) but we only need to change 2 templates here and then 3 under the "archives" tab.

**Note - It's a good idea to copy all of your templates you change and save a copy. The easiest way is to copy all the template code, place it into notepad or similar program and then save it as main-index01. Then the changed ones as main-index02 so you can revert back if you make a mistake.

Main Index Template

You have a couple good options for ads so I'll outline them a bit.

1) Large banners (720x90) above and below your blog (outside), one tall ad (60x600) on the side.

2) Smaller banners (468x60) IN the top and bottom of the blog, one tall ad (60x600) on the side.

Option #1 - 2 large and 1 side banners
What you want to do is go through the AdSense wizard and it will generate a code script based on your options selected. Choose the 720x90 size banner. You will use this same script twice and Google will know to target different ads to it.

**Note - Choose your colors in the AdSense wizard to match the location you are putting it (ie. black background, white text or whatever) to match your page colors.

You want to scroll down in the code to the location I show below in the screen shot. Paste the Google code there.

Then you want to scroll down near the bottom and paste the same code in the location shown below for the bottom ad.

Placing the side ad is pretty easy. Go back and get a new code from AdSense and select the 160x600 size (you can also choose to put a Firefox banner here by getting the code from AdSense) and insert it into the location shown below.

The locations I show will place the code either above or below the "subscribe to this blog" link on the side. You can opt to move the entire ad code up or down, just be careful to put it between the modules and between sets of DIV tags.

**Note - alwas be sure you have matching DIV tags. In the screenshot above you'll see two sets of DIV tags between the red arrows. If you put the code in between the last two DIV tags, it could make the page look funny.

The rule is, ALL DIV tags need an open and a close (with the / mark).

Now just copy all the code, paste it over your blog template in and click the "save and rebuild" button. Then check your blog main page and it should be complete.

Option #2 - 2 smaller banners and 1 side banner
Inserting the code for the side ad is the same as I show above. The banner ad code for the top and bottom will just go in different places. I use the smaller size banner because it will fit in over and under your blog content nicely.

The top banner code goes in the location I show below.

Now just scroll down a little bit and look for this next section of code. Put the Google script between the tags as shown by the arrow..

CENTERING THE SIDE SCRIPT - normally you wouldn't want the side script all to the left so you need to add a small bit of code. Over the top of the side google ad code, you'll type (but use the < and > brackets, not the ones shown below):

[div align="center"] and underneath the code type [/div]

This will center the side ads in the middle and probably look better.

Now you're all set. Copy all the code, paste it over your blog template in and click the "save and rebuild" button. Then check your blog main page and it should be complete.

Main Archive Template

Now that you have read the above we can fly throught the next few templates. I will just point out where to put the code for you. In this template the side ad code goes in the same place shown for the Main Index template.

Here is where you place the top banner code depending on the type you have.

The smaller banner bottom code goes just a bit under the top code as you will see below.

If you're using a large banner then the bottom code goes in the same place as the Main Index template.

Copy all the code, paste it over your blog template in and click the "save and rebuild" button. Then check your blog main archive page and it should be complete.

Archive Templates

Now you have 3 more templates to do (remember to save copies of them) under the "archives" tab I show at the top of this page. They are:

1) Category Archive
2) Date-Based Archive
3) Individual Entry Archive

**Note - There are no side ads in these pages with this layout, but if your layout has them then use the same locations as in the above examples.

Category Archive - top banner locations.

Category Archive - bottom banner locations.

Date-Based Archive - top banner locations.

Date-Based Archive - bottom banner locations.

Individual Entry Archive - top banner locations.

Individual Entry Archive - bottom banner locations.

Copy all the code, paste it over your blog template in and click the "save" button. You will then need to click the "rebuild site" button on the bottom left and rebuild your entire site. This will rebuild all blog entries with the new templates..

top of page