As already known that Adsense is now the best choice of bloggers to monetize their blogs because it is a contextual based ad which shows relevant to the content. For you to increase the ad revenue, you should try adding the recommended ads on your blog to get maximum output from advertisement programs. You might have observed an ad below post title in most of the big blogger blogs as also shown here.
You would have been wondering why they prefer to put ads below post title. It is just because they want to increase Click-Through-Rate (CTR). But you should not rely on what other follows. You should keep trying to add Adsense at various locations to check which spot works best for you.
Have already search for how this can be done but it took me some days before I got it done, so that's why I just wish like sharing how I got it done.
Today, I would be introducing to you how you can add Google Adsense Ad below post titles on your blogger blogs.
How to Create Google Adsense Ads Unit
1. Go to your Google Adsense Account. You would be provided with Adsense Dashboard just click on My ads.
2. Click on “New ad unit” to Create a New Ad Unit.
3. For better results choose wide area ad sizes like 300 x 250 Medium Rectangle or 336 x 280 Large Rectangle. Choose your ads type which is either Text & display ads or the display ads only. Note: Text and display ads would show ads in both text and picture form randomly while only display ads would show the images only. You can also Preview to see how the ads would looks like when it reached where you needed it.
4. Customize your ad colors and click on save and get code button.
5. Select Synchronous in the code type and copy the ad code shown to you.
7. Now copy the ads code and save it somewhere i.e. you can save it in your notepad.
How to Put Adsense Parsed Code into Blogger Template.
1. Point your browser to Blogger > Blogger Dashboard > Template
2. Backup your template before making any changes as it can be uploaded back if you made any mistake. You can read here on How to Backup Blogger Template before continuing.
3. After successfully backed up and downloaded. Click on "Edit HTML"
4. Click anywhere inside the template editor and press CTRL F on your keyboard. A search box is provided at the top right side of the template text area.
5. Search for <b:includable id='post' var='post'>
6. Inside it look for <div class='post- header-line-1'> or <div class='post-body entry-content' ....> you should find either both or one of the two.
7. Now paste the below code after <div class='post-header- line-1'> or before <div class='post-body entry- content' ....> in the template.
Insert Parsed Adsense Ads Code
8. Change Insert Parsed Adsense Ads Code with the Adsense Ads Code you kept earlier.
9. Finally Click save template and you are done.
Note: With this trick, your Ads would only show when your blog is visited in web/PC view mode.
To make Adsense show below Post Title on Mobile View Click Here.
Positioning the Adsense Ads
Most ads are made to float either left or right below post title while some also wrap it inside blog posts.
If you are using a rectangle ads unit like 250x250, 250x300, 336x280 it’s advisable for you to float the ads to either right or left. Copy the below code and add it before </head>
This will make the ads float in the right side of your post body. Change float:right to float:left to make it float to the left.