English | Indonesia

On the previous article I discuss Adsense, how Adsense work in your blogger template, how to encode the Adsense javascript, where you should put your Adsense code in blogger template, and you can read this discussion at Bagaimana Cara Memasang Javascript Adsense, Adbrite ke Dalam Blog?

If you follow the instructions from my previous article, you will have your Adsense placed on above or below your article and it can't be placed on the exactly between article. Why? Because you only do copy paste the code in your blogger html without any modification on it, neither on the template.

<div class='post-header-line-1'/>
<div class='post-body entry-content'>
-----------[ADSENSE CODE]----------------- [I]
<data:post.body/>
-----------[ADSENSE CODE]----------------- [II]
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
See? It is pure copy paste. If you want to make your Adsense ads appear between your post you need modify your template html so it can be flexible for Adsense.

Working With CSS

The best choice to you working with your template is CSS. Why not the HTML code? If you are working with html, then you will write a very long code and you must do that over and over every you want show your Adsense between article. Can you imagine how big the size of your post are? If you work with CSS, you only write the code once and if you want call the code just write a simple instruction, about ten - fifty words.


SAMPLE




Yup, it is exactly on your post! Remember that I'm not using iframe here, it's all about CSS code.

How To Do?

First thing that you need to understand, CSS created in your blogger template, but when you want to call the code you must call it from your post. It means, if you have 10 posts and you want Adsense appears only in 5 posts, then you must call the CSS in your 5 posts.

Secondly, there is no way to write javascript in post -if you force it, except you show the javascript code as inline.

To show javascript as inline, write the CSS code in template. Remember to download your template first before edit:
<style type='text/css'>#ads{display:inline;}</style>
And when you want call the code, write in your post or the location where you want the ads appear:
<span id="fullpost">
-----------[ADSENSE CODE]-----------------
</span>

NEWS: Today, blogger has improved their system. Now you can show javascript everywhere without make it as inline. Congratulations to blogger! =]


Newest Post

Error loading feed.