Some publishers like to show two rectangle size AdSense Ads side by side. To do so, you may use a table of two columns and one row. On the other hand, you may use DIVs and some CSS codes to do the same thing.
Not only two Ads, you may also show an Ad one side and texts and/or image in another side. Publishers like this types of ad placement to generate more revenue. But useful and unique content is must for generating more revenue.
Just follow the steps given below to place two ads side by side.
Not only two Ads, you may also show an Ad one side and texts and/or image in another side. Publishers like this types of ad placement to generate more revenue. But useful and unique content is must for generating more revenue.
Just follow the steps given below to place two ads side by side.
Step 01 Select a blog post first
Log-in to your Blogger Account and select a post where do you want to show two Adsense Ads side by side.
Step 02 Access the HTML codes
Now click on HTML to access the HTML codes of the post. Scroll down till the last of all codes and find out the last closing </div> tag. Then copy the following codes given below and paste them before the last closing </div> tag.
Log-in to your Blogger Account and select a post where do you want to show two Adsense Ads side by side.
Step 02 Access the HTML codes
Now click on HTML to access the HTML codes of the post. Scroll down till the last of all codes and find out the last closing </div> tag. Then copy the following codes given below and paste them before the last closing </div> tag.
<table align="center" border="1"> <tr> <td>AdSense Codes of First Ad</td> <td>AdSense Codes of Second Ad</td> </tr> </table>
Step 03 Add the codes of AdSense Ads
Now log-in to your Google AdSense Account and get the codes for the first ad. Then paste them between first <td> and </td> tags. That means AdSense Codes of First Ad will be replaced by the codes. Thus you have to copy the codes of another ad and paste them between second <td> and </td> tags.
Step 04 Publish the post now
Finally Click on Publish to publish to publish the post and then click on View to see the post.
Lets learn how to show two ads side by side using DIVs
Lets learn how to show two ads side by side using DIVs
First Ad |
Second Ad |
---|
Thus you may show anything beside an ad like images, texts or links. The first <td> tag is being used for the first box/cell and you may set the height, width, alignment etc. adding some attributes inside of the <td> tag.
For example if you want to customize the first cell of this table to 400X200, then you have to use the codes <td height="200px" width="400px">.
You may also change the background color of the cell using the codes <td bgcolor="#333">. To align the text of this cell, you have to use <td align="center">. You may also use justify, left or right according to your necessity.
Lets know...
For example if you want to customize the first cell of this table to 400X200, then you have to use the codes <td height="200px" width="400px">.
You may also change the background color of the cell using the codes <td bgcolor="#333">. To align the text of this cell, you have to use <td align="center">. You may also use justify, left or right according to your necessity.
Lets know...
No comments:
Post a Comment