AdSense Ads between post title and post body

To improving the performance of your Google AdSense ads is knowing where to place the ads. In this, we discuss the modification you can make to your Blog template to appear your Google AdSense ads appear between post title and post body, or between your post body and post footer. Also, we discss the AdSense ads appear on every individual post.

Choosing a best placement for your AdSense ads will attract more attention; attention leads to clicks; and clicks bring you AdSense revenue. Easier said. While people may have theories on where the ideal AdSense spot ought to be, there is really no standard answer because it depends very much on your Blog's layout, contents, theme, etc.

Many people believe that having AdSense ads between post title and post body will best optimize their performance. For the purposes of this article and to give you an idea how it would look, we have inserted the AdSense code into our template to have the AdSense ads between post title and post body. If you think you would like to do the same for your Blog, the following are the steps.

We assume you have a Google AdSense account. If you don't, you can create one using the same login through your Google account. You will be assigned a Publisher identity number which shall appear in all your AdSense codes.


    1. Sign in to your account at http://www.google.com/adsense.

    2. Visit the My ads tab.

    3. From the sidebar, choose the product. If you simply want to display ads on your 

        website, choose "Content ads."

    4. Click ”+New ad unit” button. 

    5. Name and customize your ad unit.

• Name: Provide a unique name and description that will help you find this ad unit later.
• Size: In general, wider ad units perform better. We encourage you to choose one of our recommended ad sizes, which have shown to perform well across a variety of sites.
• Ad type: We encourage you to display both text and image ads. By displaying moread types, you can earn more revenue.
• Ad style: Choose an ad style that complements your page. (View tips.) You can also set a different font face, font size, and corner style, or just use Google defaults.
• Custom channels: Custom channels are an advanced feature that you can use to group specific ad units together. Learn more about custom channels.
• Backup ads: When no targeted ads are available, we'll you can choose to display another ad or color instead.

    6. Click Save and get code.

    7. Copy and paste the ad code into the MS Word or MS Notepad.

Copy this code and paste it into Microsoft Notepad. If you can use MS Word, it’s very easy to change your code using “Find and Replace” option.

Change the AdSense code

We are not at all altering the code but converting some of the characters to character entities. We have to parse the AdSense code so that it can be included into your Blog template. This is not against AdSense rules because after the code is inserted into the template, when you view the source code of the template, you should see the exact same AdSense code that Google has generated for you. You get the source code looks like this

Indeed, if it is anything different, it means that you have not parsed it correctly and should review the code again. Parsing the code essentially involves replacing the following HTML characters:- 

Your final Google AdSense Code should look something like this:-

Insert code into template

Login to your Dashboard. Go to Template -> Edit HTML and click the box next to “Expand Widget Templates”.

Block copy the entire HTML code for your site that you presently have and save it in a separate text file in MS word or Notepad. Download full Template to backup the template using the “Backup / Restore” button. This is one of the two necessary steps whenever you want to change the template. The second step is to “Preview” the new changes, in edit HTML window you can edit and Preview your changes without saving. Also you can clear your changes. Save the changes only when you are satisfied.

Now search for post.body through your browser's search function (Ctrl+F for Firefox and IE). You should see these lines:-

If you want the AdSense ads to appear between the post title and post body, add the following code above the red lines. If you want the AdSense ads to appear immediately after every individual post, add the following code below the red lines. The code to add is:-

The AdSense Code is the one you have amended above in MS Word or Notepad. Do NOT save the template, but click the Preview button to see if you like the placement of the AdSense ads.

Adjust the AdSense ad margins

Do you want to have the AdSense code on the left of the post body or right of the post body? To float the ads to the left or right, code you can use is:-

Should you want to align the AdSense ad to your text, you can specify a margin or padding around the entire AdSense code. The code you can use is:-

The first number 5px is for the top margin, 10px is for the right margin, 15px for the bottom margin, and 20px for the left margin. You should of course change these values to suit your template.

Preview the template and if you are satisfied, save the template and refresh your Blog to see the new positions of your AdSense ads.

Common Blog Design Mistakes

The things you should not put in your new blog

The design of your blog plays a great part in the terms of bounce rate for your blog. Bounce rate is the extent of how long visitors stay. Almost new blogs should have a simple and easy to navigate blog design. And because it has still few gadgets and contents it aside from easier navigation, it will also load faster. You can also download and install templates you want but make sure you can manipulate the codes and do not leave broken links, or links that points to the template source but not the attribution link of the creator. They can report copyright infringement to your blog if out remove their copyright urls.

And here are other things you should not put in your blog:

Too many flash animations

Don’t fill your blog with too many moving objects, flashing or moving letters etc. Only use them for header for example and just minimize using animations. We know animations distract readers eyes and may not concentrate to your content anymore. Other ways to put animations is in post title, buttons, but still it should be the ones you want to emphasize to your readers. Unless for ads you may not remove or disable animated ads because they are the ones generating income for your blog so I suggest you to minimize ads instead.

Too many external links

Refrain from placing many links to other sites in your blog. Aside from negative effect to the SEO of your blog, this also can make your bounce rate higher, visitors will be easily driven to other sites of you put many links anywhere in your page. Just like animated images, only add links if it is entirely necessary for an article or for any affiliate sites you might associated with. But for links to your own site or also called internal links, you can put many of them in your posts, internal links make search engine crawlers to travel to all pages of your site.

Too many ads

This is actually related to the first one, flash animations. Too many ads can irritate visitors, they will just think that your blog is only for making money and they can’t really get some valuable information there. There should be at least 1-3 ads in a single page, minimizing your ads also can greatly increase your ad CTR meaning more income for your blog. If a visitor see many of these images that obviously look like advertisement they will more likely not to click them so if you are thinking that adding many ads will generate more income for you, think again this time.

Remember your blog is still new so you must not add anything to drive away readers, make it as simple and attractive as possible. If the time comes that you already get a lot of regular visitors from search engines, you can now improve your design and add more gadgets, feature, and other stuffs your visitors can enjoy.