Consultoría Blogger - Resolviendo dudas de tutoriales 3

marzo 30, 2015

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



Elai the Blogger


Puedes encontrarme en:


FACEBOOK  //  TWITTER //  BLOGLOVIN






Suscríbete a mis entradas por email ¡para no perderte nada!





♥ Las recibirás en tu bandeja de entrada el mismo día que sean publicadas ♥






Te encantará:

4 pensamientos ¡falta el tuyo! ;)

  1. hola!! ¿Cómo puedo hacer que el título de mis entradas no tenga el color de los enlaces sino el que yo les quiera poner? Me parece que vi un tutorial sobre esto por aquí, pero ahora no lo encuentro.
    Gracias ^^

    ResponderEliminar
    Respuestas
    1. Hola Teresa, aquí están todos los tutoriales que Celia tiene publicados en el blog

      http://www.elperrodepapel.com/p/tutoriales-para-hacer-un-blog-en-blogger_21.html

      Saludos

      Eliminar
  2. No hay manera de que encuentre : h3 class... ni ninguno. de hecho yo tenia una mariposita pero la imagen de donde la saque se ve que se cayó. y no se ya que mas hacer! :( será mi plantilla o que hago mal? quisiera arreglarlo... pero no se porque pude antes y ya no. Pongo expandir artilugios.. etc. De hecho pude hacerlo en su momento pero no hay manera que aparezca. HELP!

    ResponderEliminar



¡Anímate a comentar! ♥Tu opinión es muy importante para mí♥



El Perro de Papel es una Marca propiedad de Celia Espada García debidamente registrada en la OEPM, Modalidad M, Número 3527002 (0). Todos los recursos creados por Celia Espada García están correctamente protegidos y vinculados a la autora y no pueden usarse sin consentimiento previo.

Safe Creative #1408270134965
Los derechos de autor y propiedad intelectual del material compartido, tanto gratuitamente como de pago, en esta web y sus redes sociales pertenecen a "El Perro de Papel", exceptuando las referencias a otros creadores, los cuales están debidamente citados en los créditos.