Poner banners 50x50px en el sidebar del blog

Hoy por hoy existen diferentes tamaños de banners que se utilizan no solo para agregar publicidad dentro del blog, sino que también suelen usarse para poner enlaces que direccionen a alguna página que nos gusta o ya sea para que otros blogs nos enlacen, etc; los motivos sobran, así que aquí les traigo esta entrada para que puedan agregar banners en el sidebar y lo decoren como  mejor les parezca.

Para agregarlo vas a Diseño, Añadir gadget, Html-javascript y pegas donde más te guste el siguiente código:

<div class="banner50">

 

<a href="http://blogerybloger.blogspot.com" target="_blank" title=" Bloger & Bloger"><img border="0" width="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgarZvk4_pzq-3d-HH1oIn2L375RYV-bAdWbNJ71JyLYeOzFu5ssrdMnIPgsd9HeFTkSMQvTJsi41H4TiUCuynmB_RUZuekFE0lMvAL9M_1kd5uVTzNIcbNm2XgOSxjlVd52Xpj9fZrX9Y/s50/bloger%2520y%2520bloger.1jpg.jpg" height="50"/></a>

<a href="http://blogerybloger.blogspot.com" target="_blank" title=" Bloger & Bloger"><img border="0" width="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgarZvk4_pzq-3d-HH1oIn2L375RYV-bAdWbNJ71JyLYeOzFu5ssrdMnIPgsd9HeFTkSMQvTJsi41H4TiUCuynmB_RUZuekFE0lMvAL9M_1kd5uVTzNIcbNm2XgOSxjlVd52Xpj9fZrX9Y/s50/bloger%2520y%2520bloger.1jpg.jpg" height="50"/></a>

 

<a href="http://blogerybloger.blogspot.com" target="_blank" title=" Bloger & Bloger"><img border="0" width="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgarZvk4_pzq-3d-HH1oIn2L375RYV-bAdWbNJ71JyLYeOzFu5ssrdMnIPgsd9HeFTkSMQvTJsi41H4TiUCuynmB_RUZuekFE0lMvAL9M_1kd5uVTzNIcbNm2XgOSxjlVd52Xpj9fZrX9Y/s50/bloger%2520y%2520bloger.1jpg.jpg" height="50"/></a>

<a href="http://blogerybloger.blogspot.com" target="_blank" title=" Bloger & Bloger"><img border="0" width="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgarZvk4_pzq-3d-HH1oIn2L375RYV-bAdWbNJ71JyLYeOzFu5ssrdMnIPgsd9HeFTkSMQvTJsi41H4TiUCuynmB_RUZuekFE0lMvAL9M_1kd5uVTzNIcbNm2XgOSxjlVd52Xpj9fZrX9Y/s50/bloger%2520y%2520bloger.1jpg.jpg" height="50"/></a>

<a href="http://blogerybloger.blogspot.com" target="_blank" title=" Bloger & Bloger"><img border="0" width="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgarZvk4_pzq-3d-HH1oIn2L375RYV-bAdWbNJ71JyLYeOzFu5ssrdMnIPgsd9HeFTkSMQvTJsi41H4TiUCuynmB_RUZuekFE0lMvAL9M_1kd5uVTzNIcbNm2XgOSxjlVd52Xpj9fZrX9Y/s50/bloger%2520y%2520bloger.1jpg.jpg" height="50"/></a>

</div> 

Cambian lo que está en rojo por la dirección del blog de ustedes y sustituye la Url-de-la-imagen.jpg por la de ustedes, teniendo en cuenta que la imagen debe ser del mismo tamaño en todas para que funcione correctamente, pudiendo elegir el tamaño que quieran, siempre considerando que la suma total de las imágenes no excedan el ancho del sidebar. Por ejemplo si el ancho del sidebar de tu plantilla es de 350px (lo más normal generalmente) solo entrarán 6 banners de 50px de ancho (width) y no 7 banners pues debes dejar espacio entre cada uno de ellos. Yo elegí banners de 50x50px en un ancho de sidebar de 300px por lo que solo entrarán 5, he aqui la imagen:

 

Si quieres agregar más banners solo debes incluir el número de veces que quieras antes de </div> lo siguiente:

<a href="UrldelBlogaEnlazar.com" target="_blank" title="Nombre del blog a enlazar"><img border="0" width="50" src="Url-de-la-imagen50x50.png" height="50"/></a>

Y listo, ya tienes tus banners para que puedas poner publicidad en tu blog o para que enlaces a tus webs amigas.

PD: Lo que está en azul es un atributo que hará que el enlace se abra en otra ventana.