Blogging is a way for you to earn money online through the use of ads, affiliate marketing or offering services. While I had my Google adsense approved few years back, I was never able to maximize it. Amazingly, just by typing a few keywords in any search engine, there are actually tons of information on how to maximize this powerful money machine.
How you place your Google adsense ads is crucial. Few of my favorite spots are below the blog post title, sidebar and after blogger posts. I may not be a programmer, but the internet surely provides all necessary information we need, ofcourse, with due diligence.
This article is to archive how to add adsense ads every after blogger post.
 |
| earn money in your blog through ads |
1. Go to your dashboard, then Template, then Edit HTML.
 |
| Blogger > Template > Edit HTML |
If you are not a programmer like me, you might want to have a back-up for your blog's html file by clicking the Backup/Restore button before clicking on the Edit HTML button.
2. Search this code inside your HTML file: <data:post.body/>
You will be able to find this code several times, however, you need to work on the last one.
3. Prepare your Adsense code.
 |
| choose your preferred ad size and format |
Go to your adsense dashboard, then click My ads tab, then choose your preferred ad format or you may create a new one by clicking + New ad unit button. Recommended ad size is 336 x 280 or 300 x 250. After which get ad code.
Then after getting the code, you will need to convert it to a parsed code. (What is a parsed code?) There are a lot of online tools to convert your code like this one: HTML to XML converter.
Once you get your parsed code, place your code in between the code below. This code will prevent your ads to appear in your home page.
<b:if cond='data:blog.pageType == "item"'>
paste your parsed code here
</b:if>
Copy and paste it to a notepad, and save it for convenience.
4. Go back to your HTML file and paste your code below: <data:post.body/>
After which, click on Save Template button and watch your ads appear every after your blogger posts automatically!
If the above procedure doesn't work, you may have to do a trial-and-error method by placing your ads code every below <data:post.body/> as what I have done to some of my websites that are running on free blogger templates (some blogger templates may have their coding in a way that interfere when you follow the above procedures).
I have also consulted my programmer brother when the ads were not displaying properly and he added a CSS code:
.post-body iframe {
max-width: 100%;
height: 100%;
margin-top: 10px;
marign-bottom: 10px;
}
You can do that by searching iframe, look for the CSS code for the post or main description usually located at the upper portion of your HTML file and add the above code.
0 comments:
Post a Comment