Tutorial Blogger How to make Banner Box

1. First, go to the Edit Html page, then enter the following CSS code under the code <b:skin><![CDATA[

#Box-Banner-ads {
margin: 0px;
padding: 5px;
text-align: center;
}
#Box-Banner-ads img {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #c0c0c0;
}
#Box-Banner-ads img:hover {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}

2. then create new page elements of your stay .. then enter the code below.

<div id="Box-Banner-ads">
<a target="_blank" href="http://i768.photobucket.com/albums/xx321/aagunks_2009/unomo.gif"><img border="0" alt="ads" src="http://i768.photobucket.com/albums/xx321/aagunks_2009/unomo.gif"/></a>
<a target="_blank" href="http://i768.photobucket.com/albums/xx321/aagunks_2009/unomo.gif"><img border="0" alt="ads" src="http://i768.photobucket.com/albums/xx321/aagunks_2009/unomo.gif"/></a><a target="_blank" href="http://i768.photobucket.com/albums/xx321/aagunks_2009/unomo.gif"><img border="0" alt="ads" src="http://i768.photobucket.com/albums/xx321/aagunks_2009/unomo.gif"/></a><a target="_blank" href="http://i768.photobucket.com/albums/xx321/aagunks_2009/unomo.gif"><img border="0" alt="ads" src="http://i768.photobucket.com/albums/xx321/aagunks_2009/unomo.gif"/></a>
</div>

For the number of ads you live add or subtract according to the code below. Do not forget to replace the red with your own URL address.

<a target="_blank" href="http://unomo-tutorial.blogspot.com"><img border="0" alt="ads" src="http://unomo-tutorial.blogspot.com/Banner2.gif"/></a>

hopefully not wrong.

source http://www.o-om.com

Related Post