How to Put AdSense Ad Below Blogger Post Title

Google AdSense is one of most used affiliate program by majority of expert bloggers for their website monetization in all over the world.  One of the prime reason to use this ad to monetize website / blog is that it is a cookie based contextual advertising program that shows targeted ads, relevant to the content and reader of a website.

When you visit any blog / website, you may noticed that most of blogs display this ad just below post title. Successful bloggers advised to put this ad below post title because this is the best place where you will get more response and also increase the page CTR (Click Through Rate).

It does not work well for every blogger and does not guarantee to make more money from this ads but you must need to experiment at different spots to get more response. Read also : How to protect your computer from WannaCry ransomware virus.

Steps to create Google ads

To create Google ads, you must follow the below the five steps.

Step 1. At first you need to login to your AdSense account.

Step 2. After login, click My ads and then click New ad unit

Step 3. Now you have two options to choose. One is Text & display ads and another is Matched content. You need to click Text & display ads. Read also : How to create and setup matched content ad unit.

Step 4. Type ad unit name and choose ad size. If you want large rectangle ads with 336 x 280 dimension then choose it otherwise I recommend you to choose Responsive ads to get better page impression.

Step 5. Now click Save button and then Copy the code.


Steps to add the ad Below Blogger Post Titles

Now to add the code inside the blogger theme, you just need to perform the below steps carefully. To avoid any error, download your existing template/theme. Read also : How to take backup of blogger template.

Step 1. Now switch to your blogger dashboard and click Theme and then click Edit HTML.

Step 2. Now click any where inside the code and then press Ctrl + F on the keyboard to get search box. Read also : How to put ads below each blogger post.

Step 3. Type <data:post.body/> in the search box and hit enter on the keyboard. You will get this option twice or more time depending upon the template/theme but you have to stop at the second option.

Step 4. Now you need to paste the AdSense ad code just above  <data:post.body/>  to appear the ads below post title of each blogger post. And to avoid any error or parse the template/theme, replace async with async='' of the ad code.

Step 5. Finally, click Save theme.

Step 6. Now click Save button and then Copy the code.

Read also : 
How to Setup Page-Level ads.
How to change font colour of blogger featured post title
How to remove blank space of blogger featured post section
How to change background colour of blogger individual post
How to customize blogger featured post section
How to change width & height of author profile picture
How to setup google pay application
How to change background colour of featured post
How to remove blank space between gadgets

Steps to Change ad Alignment

By default, the ad appears left hand side below post title but not aligned with the post content. To align the ad with the contents of the post you have to add some other code inside the above code.

For Left Alignment

To display ads at the left side position below post title, you need to add <div style="float:left;"> in the above code just after <div style='clear:both; margin:10px 0'> and then you need to add the ad code and then need to add </div> and rest of the code.

<div style='clear:both; margin:10px 0'>
<div style="float:left;">

Add the Code here

</div>
</div>

For Right Alignment

To display ads at the right side position below post title, you need to add <div style="float:right;"> in the above code just after <div style='clear:both; margin:10px 0'> and then you need to add the ad code and then need to add </div> and rest of the code. Read also : How to decorate text with shadow effects.

<div style='clear:both; margin:10px 0'>
<div style="float:right;">

Add the Code here

</div>
</div>

For Center Alignment

To display ads at the center position just below post title, you need to add <center> tag in the above code just below <div style='clear:both; margin:10px 0'> and then you need to add the ad code and then need to add </center> tag and rest of the code.


<div style='clear:both; margin:10px 0'>
<center>

Add the Code here

</center>
</div>

That's it! Thanks for reading the post. Feel free to comment, subscribe and share this post on social networks