How To Put Ads Banner
You can install this banner ads at your blog. Its can use for promote our own web, or to 'rent' to the people who want to promote their banner ads on our blog.
Like on this blog, at the top of the blog, there are banner ads. How to make and install banner ads in our blog?
Open 'Layout' - 'Edit HTML'
Copy code below:
#Banner-ads {
margin:0px;
padding: 5px;
text-align: center;
width : 960px;
}
#Banner-ads img {
margin: 7px 4px 4px 0px;
padding: 3px;
width : 100px;
height : 100px;
text-align: center;
border: 1px solid #c0c0c0;
}
#Banner-ads img:hover {
margin: 7px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}
margin:0px;
padding: 5px;
text-align: center;
width : 960px;
}
#Banner-ads img {
margin: 7px 4px 4px 0px;
padding: 3px;
width : 100px;
height : 100px;
text-align: center;
border: 1px solid #c0c0c0;
}
#Banner-ads img:hover {
margin: 7px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}
Red Code, adjust with your outer-wrapper width.
Paste the code above code ]]></b:skin>
After that, we will specify where the banner ads are placed.
For example, in the case of this blog, ads banner will be placed above posting widget (main-wrapper).
Then copy the following code:
<div id='Banner-ads'>
<a hight='100' href='http://freeadsking.blogspot.com/' width='100'><img alt='ads' border='0' src='http://123.com/banner.jpg'/></a>
</div>
<a hight='100' href='http://freeadsking.blogspot.com/' width='100'><img alt='ads' border='0' src='http://123.com/banner.jpg'/></a>
</div>
Then paste the above code <div id=main-wrapper>.
Please Note :
The Red code is your ads banner image url. If you want put 8 ads banner images at your web, you must repeat your ads banner images url 8 times
Value for high and wide of image (Blue code), you can also chage.
Value for high and wide of image (Blue code), you can also chage.
If you done, then save and preview. Now you have ads banner at your blog!
Happy blogging!!
