Installing Adsense Ads on the Left Paragraphs in Blogger Posts

Placing ads at the beginning of the paragraph on the left is suitable for use on blogs that have a lot of words and are commonly found.

This means that when the blog is opened on a smaller screen, the ad position will change to above the paragraph.

Create an ad to the left of the beginning of the paragraph

The ad size that is suitable for placing in this position is 336x280 or 300x250 so as not to interfere with the display of the text beside it.

First, look for the code  <data:post.body/> , if there are many, make sure to choose what is in the post page conditional tag <b:if cond='data:view.ispost'>.

Then add the following HTML code before the code mentioned earlier.

<div class="iklankiri">
  <!-- Tulis Kode Iklan -->
</div>

The result will appear as follows:

<b:if cond="data:view.isPost">
  ....
  ....
  <div class="iklankiri">
    <!--Tulis Kode Iklan-->
  </div>
  <data:post .body="">
  ....
  ....
</data:post></b:if>

Then add this CSS code so that the position can be on the left while making it responsive as explained earlier. Then, save above  </style> or ]]></b:skin>

.iklankiri {float:left; margin-right:15px; margin-bottom:15px;}
@media screen and (max-width:568px){
  .iklankiri {float:none; display:block; margin:0px auto 15px; text-align:center;}
}

Finally, save the template and see the results.

Tweet