Lo primero que debemos hacer es ir a "Edición HTML," y agregamos justo arriba de : ]]></b:skin> el siguiente código:
* Sidebar - Ads */
.sidebar-ads {
float: left;
width: 300px;
margin-left:15px;
margin-bottom: 5px;
}
.sidebar-banner {
padding: 5px;
float: left;
}
Luego, justo arriba de <div id='sidebar-wrapper'> colocamos este código:
<div class='sidebar-ads'>
<div id='banner-ads'>
<div class='sidebar-banner'><a href='http://igneoo.blogspot.com'>
<img border='0' src='http://i263.photobucket.com/albums/ii150/mohamedrias/banner_125x125.jpg '/></a></div>
<div class='sidebar-banner'><a href='http://igneoo.blogspot.com' style='text-decoration: none;'><img border='0' src='http://i263.photobucket.com/albums/ii150/mohamedrias/banner_125x125.jpg'/></a></div>
<div class='sidebar-banner'><a href='http://igneoo.blogspot.com'>
<img border='0' src='http://i263.photobucket.com/albums/ii150/mohamedrias/banner_125x125.jpg '/></a></div>
<div class='sidebar-banner'><a href='http://igneoo.blogspot.com' style='text-decoration: none;'><img border='0' src='http://i263.photobucket.com/albums/ii150/mohamedrias/banner_125x125.jpg'/></a></div>
</div></div>
guardamos, y listo, vamos a vista previa y ya deberiamos nuestra sección de banners 125 x 125.
Lo que está en color rojo es la dirección de la imagen del banner, que deberemos cambiarlas por la nuestras.
Lo que está en color azul, es la dirección a la web que deseamos que se dirija al hacer click en el banner.
Entradas
2 comentarios:
Buen post Ignacio,algo asemejado a lo q intento hacer, veras espero puedas aconsejarme o darme una idea de como hacer lo siguiente, navegando por la red me encontre con estos blogs http://cinelokeate.blogspot.com/
http://www.micinemania.com.pe/
Y si te fijas en la sidebar y la parte Superior de estos sitios veras imagenes como una especie de estampillas rectangulares que le hacen link a las etiquetas o categorias de sus posts(espero dejarme entender),mi pregunta es si eso lo hacen con un script o con codificacion en la plantilla, tengo que reconocer que soy novate en esto pero espero me puedas dar una nocion de como hacerlo y asi poder indagar de manera mas precisa en Google.Que tengas buen día, y espero tu pronta rpta.
Hola Mr.Mi6uel, por lo que pude ver está hecho con código html como este:
<a href="URL-DE-LA-ETIQUETA"><img alt="Naruto shippuden 121 sub español" src="URL-DE-LA-IMAGEN" border="0" /></a> <a href="URL-DE-LA-ETIQUETA"><img alt="Naruto shippuden 121 sub español" src="URL-DE-LA-IMAGEN" border="0" /></a><a href="URL-DE-LA-ETIQUETA"><img alt="Naruto shippuden 121 sub español" src="URL-DE-LA-IMAGEN" border="0" /></a>
básicamente son imágenes con link, en este caso el link es el de la etiqueta, no se si me explico. Si cambias donde dice URL-DE-LA-ETIQUETA, ponés las url de las etiquetas que quieras mostrar. Donde dice URL-DE-LA-IMAGEN, colocas la url de la imagen, en este caso es la de esas estampillas.
No se si me explico.
Publicar un comentario
Muchas Gracias por tu comentario.