How to make a banner box

How to make a banner box banner box >> Creating a common practice by the bloggers, but how to make a regular banner box, that's the question that needs to be answered, before you also must know first how wide your sidebar page, this time I would love to make the tutorial you want to make a box with size 125x125px banner, since the size of this banner is srandar measure that is often used by bloggers to place an ad or banner exchange with other bloggers to exchange links.

 

The first step :

•      Log in first to blogger
•      Click Layout
•      Edit HTML
•      Do not forget to download your original tamplate first to prevent anything untoward
•      Find the code]]> </ b: skin>
•      it lies below the code above the code]]> </ b: skin>

/* Kotak Banner
===================== */
#Box-Banner-ads {
margin: 0px;
padding: 5px;
text-align: center; }

#Box-Banner-ads img {
margin: 0px 8px 4px 0px;
padding: 3px;
text-align: center;
border: 3px outset #c0c0c0; }

#Box-Banner-ads img:hover {
margin: 0px 8px 4px 0px;
padding: 3px;
text-align: center;
border: 3px inset #333; }

 

•  Save your tamplate

Step Two :

•      Click the Layout
•      elements of the page
•      click HTML / Java script
•      then copy the code below

 

 <div id="Box-Banner-ads">
Put your banner code here

<a target="_blank" href="http://#"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a>

<a target="_blank" href="http://#"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a>

</div>

 

the code # replace with your blog address to enter you replace text here Put your banner code with your banner and then save the script see the results.

Posted in: blog tutorials