Cuadros de anúnciate aquí (Advertise here) para nuestra web o blog

Tal vez muchos de nosotros no le damos la importancia a los cuadros de "anunciate aquí" pero la verdad es que es muy importante tener aunque sea uno, ¿para que? Simplemente en primer lugar para ayudarte a tener mas relaciones con mas webs o blog, otra es para mantener un trato, es decir... "te voy a anunciar en mi web por..." un ejemplo: "Que ami también me pongas en tu publicidad", también lo podemos hacer  simplemente por cortesía, no cabe destacar la opción de anunciar las webs en nuestra publicidad a cambio de dinero, pero eso ya va mas aya.


Bueno el cuadro de publicidad que vamos a crear cuanta con 3 espacios, ustedes podrán anexar mas espacios. El cuadro mas o menos luce así:

1.- Para esto vamos a pegar el CSS del cuadro que es lo que le da borde a las imágenes y un margen entre ellas, así que aquí esta el CSS:

.publicidad{
width: 270px;
background-color:#FAF8F8;
padding: 10px;
}
.publicidad img{
border: 1px solid #ccc;
padding:5px;
margin:6px;
width:250px;
height:149px;
}

2.- Ya pegado el CSS que le da forma al cuadro vamos a pegar las imágenes mediante HTML, así que aquí esta el HTML:

<div class="publicidad">
<a href="url"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNMVkb9glkvWMFMrCawLG9ikeJS-UZYkcplFB2hjBwDYEfaT2n2Eb06Omv0-KsXBEmRj8wnhBuK0UJ5-UrslSdHLk5x8gp5Z2S4jgnTZ3ticxi4wKX4uqmCqFMQR39NswmXiHwcJ3gxqYa/s320/advertise+here.png"/></a>
<a href="url"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNMVkb9glkvWMFMrCawLG9ikeJS-UZYkcplFB2hjBwDYEfaT2n2Eb06Omv0-KsXBEmRj8wnhBuK0UJ5-UrslSdHLk5x8gp5Z2S4jgnTZ3ticxi4wKX4uqmCqFMQR39NswmXiHwcJ3gxqYa/s320/advertise+here.png"/></a>
<a href="url"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNMVkb9glkvWMFMrCawLG9ikeJS-UZYkcplFB2hjBwDYEfaT2n2Eb06Omv0-KsXBEmRj8wnhBuK0UJ5-UrslSdHLk5x8gp5Z2S4jgnTZ3ticxi4wKX4uqmCqFMQR39NswmXiHwcJ3gxqYa/s320/advertise+here.png"/></a>
</div>

Cabe destacar si queremos anexar mas espacios al cuadro de la publicidad basta y sobra con poner otra tag de imagen:

<a href="url"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNMVkb9glkvWMFMrCawLG9ikeJS-UZYkcplFB2hjBwDYEfaT2n2Eb06Omv0-KsXBEmRj8wnhBuK0UJ5-UrslSdHLk5x8gp5Z2S4jgnTZ3ticxi4wKX4uqmCqFMQR39NswmXiHwcJ3gxqYa/s320/advertise+here.png"/></a>

Con esto hemos acabado nuestro cuadro de publicidad que la verdad luce muy bien, espero les sea de gran ayuda. Alguna duda por favor comenten.