.png "English"){kind=small}
Placing AdSense ads below blog posts in two columns can be an effective way to increase ad revenue. With this layout, the ads appear more organized and attract visitors' attention. Here are the steps to create two columns of AdSense ads below your blog posts.
Steps:
Get AdSense Ad Code
Log in to your Google AdSense account.
Create two ad units of the same size, such as responsive banner ads or 300x250.
Copy both ad codes.
Log in to Your Blog Platform
For Blogger users, go to the dashboard and select the blog you want to change. Click Themes > Edit HTML.
For WordPress users, use the theme editor by going to Appearance > Theme Editor.
Add HTML Code
Below the tag that displays the end of your post, add the following code to create two columns:
<div style="display: flex; justify-content: space-between;">
<div><!-- First Ad Code --></div>
<div><!-- Second Ad Code --></div>
</div>
Save Template
After adding the code, save your changes and check your blog's appearance.
This way, the ads will appear in two columns below your blog posts, providing a more attractive layout and increasing the potential for clicks.
This time we share about how to create two Adsense columns (ad columns) under blog posts. Here, we only use one column for Google Adsense and one more column for Related Posts and a link button to a social media account, as shown at the end of this post.
We can also place these two ad columns or Adsense columns right under the post title --before the first paragraph of the writing.
How to create two Adsense columns under a blog post or under the title of the writing is very easy, in just one step, namely by adding a column code. Thanks to Help Me Blogging for this great code.
1. In the Blog Dashboard, click the Template menu
2. Click Edit HTML.
3. Find or locate (CTRL + F) the code <data: post.body />
4. Copy + Paste the following code below the code.
<table border='0' cellpadding='0' cellspacing='0' color='#ffffff' width='600'>
<tr>
<td align='center' style='background-color: #ffffff; padding: 5px;' width='300'>
AD/ADSENSE CODE HERE
</td>
<td align='left' style='background-color: #ffffff; padding: 5px;' width='300'>
AD/ADSENSE CODE HERE
</td>
</tr>
</table>
NOTE!
If your template has more than one <data:post.body/> code, paste the code below the second code. If it fails, try the third. CB itself places the code after the "AddThis" (Social Share) code.
The two columns can also be placed below the post title. The trick is, copy+paste the code above the <data:post.body/>
Before being installed in both columns, your ad HTML code must be parsed first in Parse Blogcrowds.
You can use both columns for anything, as long as the code must be parsed first. You can also fill it with an image by inserting an image link there, such as <a href='url link if the image is clicked'><img src='url link image'/></a>
Of course, don't forget to Save Template and... Good luck!