27 junio 2011

Imágenes en los títulos de las entradas

Podéis ver en el título de esta entrada que he añadido un pequeño escudo del Sevilla. Esto puede hacerse fácilmente, sin necesidad de tocar el código html de la plantilla. Con la ventaja añadida que esta imagen no se repetirá en todos los títulos, sino solo en el que nosotros lo hayamos colocado.

Podemos colocar la imagen al principio del título, al final, o en cualquier lugar del mismo. Y es tan sencillo como irnos a la edición de esa entrada, y donde colocamos el título, colocar también este pequeño código:
<img src="DIRECCION DE LA IMAGEN"/>

Lo colocaremos en la parte del título donde queramos que aparezca, aunque quizás lo normal sea delante, pero no tiene porque ser ahí.
Solo tenéis que sustituir la ruta completa de la imagen alojada (incluyendo http://...).

Esto parece muy interesante, por ejemplo, para tener un pequeño icono o imagen para cada categoría o tema de vuestro blog, así reflejáis en vuestros títulos de una manera elegante y llamativa la etiqueta o tema del que trata la entrada. Y podréis hacerlo sin tener conocimientos de lenguaje html ni tener que "trastear" con vuestra plantilla.

Lo que sí os aviso es que el número máximo de caracteres que tolera Blogger en los títulos de las entradas es de 150 caracteres. Así que cuidado con las rutas de las imágenes muy largas, o con introducir muchas imágenes en un mismo título.
Un servicio que podría usarse para varias imágenes, ya que sus direcciones URL son cortas, podría ser Imageshack.

Escrito por:

Mi nombre es Antonio, soy sobre todo Sevillista y apasionado con los blog desde el 2007.

Sígueme en: | Facebook | Twitter | Google+

4 comentarios

Esta opción, que ya la uso, a mí personalmente me gusta mucho ya que como dices puedes simplemente con ver el icono por donde va el post. Saludos

como siempre grandes post de ayuda a los blogueros!
un saludo

gracias Antonio ya lo he puesto en mis post, la verdad es queda guapo
saludos desde Malaga

Las 'ventajas' estéticas que puede tener esto no se compensan con los inconvenientes, puesto que esa imagen forma parte íntegra del título y como se puede ver en la barra de título del navegador (arriba del todo) aparece ese código de la imagen con lo que lo distrae cuando no imposibilita ver ese título.
Si se quiere poner esa imagen hay que 'bucear' un poco en la plantilla, puesto que hay algo que debemos tener siempre presente: separar el diseño del contenido de nuestros blogs.


Por favor, comente de acuerdo al tema del artículo.
Serán removidos todos los Comentarios con enlaces.
Si quieres recibir los nuevos comentarios marca "Avisarme"