Blogging Tutorial

Installing ads under posts - As informed in the previous post that blogger now has supported read more system, Kang Rohman remind you that my old posts related to “read more” function and code are no longer useful to be implemented in your blogger blogs. Those posts have been out of date and needs updating. One of the old posts to be updated is how to install ads under posts. Why does Kang Rohman highlight this thing? Because on post about Blogger Read More System yesterday, many commentators are worried about their Under-Post ads will not work properly again.

One to be remembered that this technique is not for only installing the ads, but also for installing banners, messages, subscription information, and others that are placed under posts. You also should know that the ads would not appear in the homepage, but under posts when the posts are displayed full by clicking the “Read More” link.

The technique used is usually as below:

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Or some are like this:

<div class='post-body entry-content'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Both are right because the additional code <p>…</p> is HTML code for paragraph or for making different lines. To install the ads, messages, or anything else, you have to add the additional code like this:

<div class='post-body entry-content'>
<data:post.body/>

<b:if cond='data:blog.pageType == "item"'>

<p> Your ads code, banners, alert or anything paste in here! </p>

</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

It’s very easy, right? So you do not need to worry about Blogger Read More system, because you can adapt.

Need to remember, some ads codes such as Adsense, Adbrite, and others cannot be installed directly there, but you need to parse it. For this trick, you can read my old post about Placing Google Adsense Under The Posting.

Still confused how to install ads under posts? Below is the trick to make you easy to practice:

1. Please log in to Blogger with your ID
2. Click Layout
3. Click Edit HTML tab. Then backup your template first
4. Check the small box next to “Expand Template Widget”

   

5. Find this code:
   <div class='post-body entry-content'>
   <data:post.body/>
   <div style='clear: both;'/> <!-- clear for photos floats -->
   </div>
   

6. Please add the code in red and green printed:

   <div class='post-body entry-content'>
   <data:post.body/>

   <b:if cond='data:blog.pageType == "item"'>

   <p> Your ads code, banners, alert or anything paste in here! </p>

   </b:if>

   <div style='clear: both;'/> <!-- clear for photos floats -->
   </div>

7. Click SAVE TEMPLATE button
8. Done

For techniques related to New “Read More”, Kang Rohman will try to write at the next posts.