Revista Ilustración

Consultoría Blogger - Resolviendo dudas de tutoriales 3

Por Celia Espada García @ElPerrodePapel

Consultoría Tutoriales Blogger
Hola a todos!!!
Ya estamos de nuevo a final de mes y vengo a resolver las dudas de tutoriales antiguos que os han surgido y que se habían quedado pendientes de resolver.

Cómo añadir un menú con imágenes en Blogger


Este es el código que Celia proporcionaba para poner el menú con imágenes:
<div style="text-align: center;">
<table>
<tbody>
<tr>
<td>
<a href="URL DE TU PÁGINA/ETIQUETA"><img src="URL DE TU IMAGEN" alt="DESCRIPCIÓN DE TU IMAGEN" /></a>              
</td>    
<td>                  
<a href="URL DE TU PÁGINA/ETIQUETA"><img src="URL DE TU IMAGEN" alt="DESCRIPCIÓN DE TU IMAGEN" /></a>
</td>
<td>
<a href="URL DE TU PÁGINA/ETIQUETA"><img src="URL DE TU IMAGEN" alt="DESCRIPCIÓN DE TU IMAGEN" /></a>              
</td>  
</tr>      
</tbody>  
</table>
</div>
Pregunta: qué hacer para que las imágenes aparezcan unas junto a otras sin que aparezca separación.
En ese caso en vez de crear una tabla con el código, lo que pondremos serán sólo las imágenes con los links a las páginas correspondientes. El código quedaría así:
<center>
<div>
<a href="URL DE TU PAGINA/ETIQUETA" rel="nofollow" target="_blank"><img src="URL DE TU IMAGEN" border="0" /></a><a href="URL DE TU PAGINA/ETIQUETA" rel="nofollow" target="_blank"><img src="URL DE TU IMAGEN" /></a><a href="URL DE TU PAGINA/ETIQUETA" rel="nofollow" target="_blank"><img src="URL DE TU IMAGEN" /></a>
</div></center>
Y así, iremos repitiendo el siguiente trozo de código:
<a href="URL DE TU PAGINA/ETIQUETA" rel="nofollow" target="_blank"><img src="URL DE TU IMAGEN" border="0" /></a>
Por cada imagen/etiqueta que tengamos.
Pregunta: las imágenes se colocan una debajo de otra y no una al lado de otra.
Lamentablemente no he encontrado una razón para que no queden las imágenes una al lado de otra. Lo he probado todo, he prácticamente eliminado la mitad del código original y siempre me han salido una imagen al lado de la otra, por consiguiente necesitaría ver el código que estás poniendo en el gadget HTML para poder ayudarte.

Iconos para los títulos de las entradas del blog

Lo primero que tendréis que hacer es leeros el tutorial completo de Celia. Y seguir los pasos tal como ella los explica.
Cuando hayáis localizado la parte de código que se pide:
<h3 class='post-title entry-title' itemprop='name'>
Tendrás que poner el siguiente trozo de código:
<img src='URL DE TU IMAGEN'/>Lo importante es colocarlo exactamente en el lugar adecuado:
 <h3 class='post-title entry-title' itemprop='name'> esta es la parte de código que hemos buscado
   <b:if cond='data:post.link'>
   <a expr:href='data:post.link'><data:post.title/></a>
   <b:else/>
   <b:if cond='data:post.url'>
   <b:if cond='data:blog.url != data:post.url'>
   <a expr:href='data:post.url'><img src='
URL DE TU IMAGEN'/><data:post.title/></a> aquí es donde pegaremos el código... hay que fijarse muy bien para no pegarlo en la parte de arriba
   <b:else/>
   <data:post.title/>
   </b:if>
Pregunta: Poner una imagen distinta según el tipo de post y al final del título.
Puedes poner la imagen al final del post haciendo este cambio:
 <h3 class='post-title entry-title' itemprop='name'>
   <b:if cond='data:post.link'>
   <a expr:href='data:post.link'><data:post.title/></a>
   <b:else/>
   <b:if cond='data:post.url'>
   <b:if cond='data:blog.url != data:post.url'>
   <a expr:href='data:post.url'><data:post.title/><img src='URL DE TU IMAGEN'/></a>   <b:else/>
   <data:post.title/>
   </b:if>
   <b:else/>
Lo que será siempre la misma imagen, no hay posibilidad de que cambie según el tipo de post.
Estas son las respuestas a vuestras consultas de estos dos tutoriales. Si aún así seguís con dudas, no os sale, etc, por favor dejad en este post vuestro mensaje y enlace a vuestro blog y así podremos mirar con más detenimiento.
De nuevo muchas gracias a Celia por darme esta oportunidad y muchas gracias a vosotros por leerme y dedicarme un ratito de vuestro tiempo.
Saludos!!!
Aisha

 


Volver a la Portada de Logo Paperblog