A blog about cutting edge technology at its maximum pace.

Ritesh Warke On Friday, April 8, 2011

This ad placement requires pasting the Google Adsense code directly into your Blogger template. While not difficult I have rated the skill level as intermediate as it requires parsing (conversion of the Javascript into a format readable by Blogger) of the Google Adsense code first before pasting it into your template. For the benefit of newbies and beginner Bloggers I have broken down the steps to simplify the process and make it more manageable. What follows is a detailed step by step tutorial on how to place Google Adsense below the post title in a Blogger blog including how to create a Google Adsense ad unit if you don't already have one.

 Steps to Place Google Adsense Below Blogger Post Title

  •  From the Blogger Dashboard click on the Google Adsense link at the bottom of the page

  •  Proceed to Adsense Setup > Get Ads or sign up for Google Adsense if not already

  •  Choose Adsense for Content from the Ad Setup screen

  •  Choose Ad unit or Link unit from the Adsense for Content screen. In most cases you will want an ad unit.

  •  Choose the Ad Type from the dropdown menu depending on your needs. I often select text only because I think they are better performers but you may have a different experience. Click on the Continue button

  •  Choose the Ad Format. Most likely this will be between 336x280, 250x250, or the 468x60 banner sizes.

  •  Choose your color palette according to your blog color scheme.

    Tip: I find the best way to get the colors for my ads if I am not sure is to create an Adsense unit in Blogger      and transfer that color scheme to the new ad unit in Google. Alternatively you can accept the default and        change the color scheme later. Changing the color scheme won't affect your ad unit code for       your
     template


  •  Accept the default font in the meantime unless you know the font that you need. You can always check this out later by reviewing your template

  •  Click on the Continue button

  •  Create an Ad Channel by clicking the link add a new channel. By default Google will add this to Your Selected Channels. Click on theContinue button

  •  You may need to give your ad unit a more detailed name. I recommend keeping the dimensions of the ad unit in the name as it makes the unit easily identifiable. I usually add the name of the blog to the name because I have several blogs. Save and Get Ad Code by clicking on the Submit and Get Code button.
 START HERE IF YOU HAVE A GOOGLE ADSENSE AD UNIT
  •  Copy the Adsense code by right clicking the mouse while it is in the code box. Choose select all and then right click again and choose copy. Make sure you get all of the code
 
  • Open the Ad Converter by following this link to Centricle.

  •  Paste the Google Adsense code into the converter and press theConvert Ad Code button. This will parse the code so that Blogger will read the Javascript properly. Leave this window open for now as we will be returning here. Note that pasting Google Adsense code in to your Blogger template that has not been parsed will produce errors

  •  Login to Blogger if not already logged in

  •  Navigate to Layout > Edit HTML

  •  Back up your Template (recommended) by downloading it to your computer

  •  Check the Expand Widgets Template checkbox

  •  Bring up Blogger Search using CTRL + F. Copy and paste the following line of code into the text box to locate the block of code in your template beginning with this line:

    <b:if cond='data:post.title'>


  Code Block to Find

    <b:if cond='data:post.title'>
    <h3 class='post-title'>
    <b:if cond='data:post.url'>
    <a expr:href='data:post.url'></a>
    <b:else/>
    <data:post.title/>
    </b:if>
    </h3>
    </b:if>


  •  Return to the Ad Converter and copy the converted code by right clicking your mouse and choosing select all followed by right clicking again to copy it

  •  Paste this code directly after the above code block:


    <p>
    <!-- Start Google Ad-->
    <!-- End Google Ad-->
    </p>


  •  Paste your Google Adsense ad code between <!-- Start Google Ad --> and <!-- End Google Ad -->

  •  Click the Save Template button
  •  Take a look at your new Google Adsense ad unit in your blog by following the View Blog link.



This Post is written by: Ritesh R. Warke GPRS Expert & Webmaster. Ritesh R. Warke is a professional Ethical hacker, web designer and front end web developer.

3 comments:

Anonymous said...

Will officially google will allow this changes by putting ads below post title. I afraid that adsense will disable my account

Anonymous said...

Can we add adsense add on blog written in Marathi language which is not the supporting language of adsense. Secondly is it legal.

Ritesh Warke said...

you can add adsense ads anywhere in your template,the condition is you only use max 3 ads on one page,Its totaly ssafe and legal.

Dont add adsense adds on Marathi blog.

Post a Comment

New Users Register Here