How to Put AdSense Ads on Left Paragraph in Blogger Posts - hyderabadrichest

How to Put AdSense Ads on Left Paragraph in Blogger Posts

How to Put AdSense Ads on Left Paragraph in Blogger Posts

Placing ads at the beginning of the left paragraph is suitable for application in blogs that have many words and are commonly found. I have modified the script to make it more responsive. This means that when the blog is opened on a smaller screen, the ad position will change to above the paragraph.

So what? Because if it stays on the left it will take up space and make the appearance ugly. The text on the right will only appear slightly as it is driven by the width of the ad. So it's better to reposition it on top only if it's opened on a smaller screen.

If you are the type of person who likes to put an image at the beginning of a paragraph like me, this type of position is not good because it will appear next to a larger image. This is suitable for blogs where the beginning of the paragraph is preceded by many sentences. So it's better to move the image to the second paragraph, okay.

Create Ads on the Left at the Beginning of a Paragraph

Ad size that is suitable to be placed 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 conditional tag of the post page <b:if cond='data:view.isPost'>.

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

 <div class="left ad">  
<! - Write Ad Code ->
</div>

So that the end result is more or less like this.

 <b:if cond='data:view.isPost'>  
....
....
<div class="left ad">
<!-- Write Ad Code -->
</div>
<data:post.body/>
....
....
</b:if>

Also add this CSS code so that its position can be on the left while making it responsive as previously explained. Save ABOVE </style> or ]]></b:skin>.


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

Save the template and see the results. Hopefully the complete tutorial on inserting AdSense ads on the left at the beginning of this post can be useful.

Show Comments
Hide Comments

0 Response to "How to Put AdSense Ads on Left Paragraph in Blogger Posts"

Post a comment

Top Ad Articles

Top Ad Articles

Top Ad Articles 2

Advertise Articles