Hi Bloggy readers,
Many bloggers always consider to embed the ads from Google Adsenses on the below article as the best strategy in generating more profits for them. By using this trick, they always get the best result of revenue, because embedding the ads from Google Adsenses below article will camouflage the attention from visitors, so they won't be annoyed with the appearances of those ads and will finally see them as part of the blog post, instead of the advertisement section or something. That's why, in this post, i would like to discuss about how to put the ads from Google Adsenses below the blog post or blog article.
Okay, the first thing you need to know is the Google Adsenses code we got from our Adsense account cannot be put directly to the HTML template, even in the "Expand Template Widget" mode. Some bloggers already tried to put the Adsenses code inside the template code on Edit HTML, but it always gives them an error result or along with the message below:
Okay then, if you want to know further about combining Google Adsenses with the article, on the below position of blog post, now follow these steps below:
1. Parsing the Google Adsenses code
Firstly, we have to adjust the ads code from Google Adsenses into the new form, so that later, will be able to be put it directly to the template.
2. Prepare your own Adsenses code
If you already registered your account on Google Adsenses, and then you also already configured what type of ads that you are going to use on your blog. So, Google will automatically generate you with the new unique code that later, will be displayed as an auto-generate ads on your blog. Okay, now prepare the ads code given by Google Adsenses on your own.
3. Parse the Adsense code into the new basic form code.
And the next task to do is we have to parse that code into the new basic form using the Parsing tools you can find on internet. BlogCrowds is one of the blogs that provides this parsing service. After landing to the Blogcrowds blog, you will be prompted with a huge empty box where in the bottom position, the button called "Parse" is stacked. Now, copy your Adsense code and then put it into the box, and then click Parse. Now wait for the Parsing process.
4. And then copy that parsed code.
In the new page, your old adsense code now has successfully transformed into the new basic form code, now copy that code and keep it to the Notepad.
5. Now sign in to Blogger.com
Go to Blogger.com and Log in using your own username and password.
6. Go to Layout
In the Dashboard page, click the Layout/Design button of your chosen blog.
7. Go to Edit HTML
After pressing the Layout/Design button, there are 3 sub-tab provided to you, such as Page Element, Edit HTML and Template Designer. Now pick Edit HTML to begin embedding the Adsenses code inside our blog.
8. Save the current template to avoid mistakes
Anyway, before doing any kind of customization, i strongly suggest you to save your current template. Now click at the link Download Full
9. Give a tick at the Expand Template Widget
In the Edit HTML page, you will see a small box over the HTML code called "Expand Template Widget", now give a tick/check mark at the small box to enter the full format of your blog template.
10. Find the code that indicates the position of bottom/footer articles
By pressing CTRL + F at the same time, you will enter the search mode. Now find the code that indicates the specific position of article. Find the code below:
11. Choosing the positions of ads inside the posted article
Now, i assume that you are confused to pick the best position for your ads inside the articles. Okay, let me define you every location of the article.
a) Top right/left position on article
if you want the ads from Google Adsenses to be displayed on the top left or right side of your posted article, just put the parsed Adsense code inside the code below along with the div tags i've already made to you below (red code):
As you can see at the code above, there is a red code i've already marked to you called "float:left", if you want the Adsenses code to be displayed on the right side of top article, just replace that code with "float:right", isn't that simple?
b) Below the posted article
Next, if you want to place the ads from Google Adsenses on the bottom position of the articles just wrap the parsed code using the div tag below, and then put it inside the code below:
12. Save the change
Now your job is done. By pressing the Save Template button, now you can finally save the current change and then to see the result, go to your blog homepage.
Okay, if you face a problem with this trick, now i assume that you already used the old Readmore function to your article (not the Page Break mode). Now, by pressing Ctrl + F, find the code below :
And then paste the adsense code we have already parsed inside the code below:
Okay, that's it for now. If you still have some problems with this tutorial, just type your question on the comment section below.