Step 1 Converting Ads Code
--> Logging to your Adsense account, create an ads block of you desired size (300 X 250 is most preferred) then copy the code or if you already have a working ads block in your adsense account just copy the code.
--> Go to My Tools and convert your code then copy the code to notepad (ready to be transferred to your blogger HTML code)
Step 2 Transferring Ads Code to blogger template
Logging to your account. Click on Design >> Edit HTML then click on the check box "Expand Widget Templates" to expand.
Press CTRL + F on your keyboard (this opens a find box) then copy and paste <data:post.body/> in the box to find the line of code inside your template HTML codes (the code will be highlighted if found).
If you want the Ads block to appear right bellow your post title, past the Ads code before the code you searched for.
And if you want the code to appear after your blogger post, past the Ads code right after the code you searched for.
You can also control the position of your ads (Left or Right).
You will need to add another piece of code to your ads code in order to reposition the ads code (the ads code will be in-between two code) like the example bellow.
<div style='float:right;'>The above ads position is set to appear at the right side of your blog post under the post title. To make ads appear in the left side just change float to left but the adsense code have to be arranged like in the above example.
AdSense Code
</div>
Before you modify your template make sure you back up your blogger template.
Comments
Post a Comment