How To Place Ads After Title Post on Blogger
11:34 AM
How To Place Ads After Title Post on Blogger - On this post i want share about blogger tutorial. I am using blogger platform for this domain. I will share how to adding ad code after title. So the ads will be look like this. This tutorial special for the people who monetize their blog
Why the ads placed after the title? Because this place is have high CTR and it will help you earn some money. Are you interest with this? If you don't know how to do it, please follow this instruction.
 |
| Ads After Title |
Getting Ad Code
The first step is getting your ad code from the publisher platform such as google adsense or the other platform. On this place, i prefer you are using 300 x 250 ads. Why? Because visitor can see this ads perfectly using pc or mobile phone. You don't need to use responsive ads. If you want it, up to you.
Create div for The Ads
Next step is create div for the ads. This div will help you to add space between ads and the content, so you don't violate the publisher guidelines. For example, see the code below
<<div class="ads"> Ad Code Here </div>
After that, your ads will be inside the div box called ads
Adding CSS for the Space
You just need to adding padding to the ads div so the ads will have space with the content of your page. You can using this css code for the ads
.ads{
padding: 10px 5px 10px 0px;
float:left;
}
Place the css code on the head of your blog template. If you want the ads on the right side, you can change the float to the right and need to change padding srtucture too.
Adding the Ad Code Into Blogger
Now, you need to find right place for this code on your blogger template. Open your template html and search for data:post.body . Maybe you will found more than one on the template.
After found data:post.body, you need to encode your ad code script. I am using html entities to encode the ad script. After encode the script, you will get like the image below
 |
| Encode Code |
After encoding the ads code, place the code before data:post.body. so your code will be look like this.
 |
| adding ad code |
If you template don't give commend for the ads code, just try every data:post.body on your template untill you get the ads showing on the right place.
I hope this simple blogger tutorial can help you get more earning for your blog.
0 comments