So in order to get a higher click through rate, i recommend blending the ads with your blog main colors. So that the user doesn't get too much distracted, believe me on a blog with blue and white colors like in the image above, you don't want to use the Ads color red as it gets noticed and catches your eye as a result your visitor could leave your blog.
To avoid those kind of cases you have to experiment and already see what's better for you and your blog.
Let's move now to the tutorial part on how to make ads appear like in the image.
Wrapping Adsense Ads around your blog posts with text
To make it align to right, change the float value to right.
- Go to your Blogger Dashboard
- Next click Design -> Edit HTML, check the Expand Widget Templates.
- Using the combination CTRL+F, find this code <data:post.body>
- Now add one of the codes below, above the line in (3) to show at the top part of your post.
This will show your ads aligned to left
Change the line that says: "YOUR ADSENSE CODE" with your parsed code. You can parse it HERE! And then include it between those lines. By this moment your ads should show up, but they will appear on your main page too, not only in your post content. To make your Ads appear only on post content page use this lines:
The final result should look like this:
That's it, not that hard at all. In the end i would recommend to use the following ad formats as they appear to be the best performing: 336*280, 300*250. That doesn't mean you can't try other formats, feel free to experiment and see what's working best for your blog. Good luck!
Please don't forget to Subscribe by Email below, and of course like/comment!