<img src="http://1.bp.blogspot.com/_vmVnNg7bTwk/SvlIPzomn0I/AAAAAAAAAT0/KaJVRH6NDZ0/B+25x25.png" />Insertar imágenes en los títulos de las entradas | blogsmadeinspain

Aquí encontrarás plantillas para Blogger diseñadas por mí totalmente gratuitas, conocerás como se manipulan imágenes, fondos, texto, enlaces o links, los mejores widgets o gadgets, herramientas y utilidades, etc... Y además puedo diseñarte una plantilla exclusiva para tí, totalmente a tu gusto, y solo por 38 Euros.

Insertar imágenes en los títulos de las entradas

Podéis ver en el título de esta entrada que he añadido una pequeña imagen delante. 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="DIRECCIÓN COMPLETA 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.

11 comentarios:

domingo dijo...

Estoy intentando insertar esta aplicación, pero me parece que Wordpress no lo permite. ¿Es posible?

Blogsmadeinspain dijo...

Es posible, Domingo. Yo no lo he probado en Wordpress, pero ya sabes que Wordpress en su opción gratuita es un poco limitado.

Marian Maestra dijo...

Hola! tengo una plantilla tuya en el blog y estoy intentando cambiarle el cursor pero no lo logro. Me podrías indicar cómo?
Gracias!!!

Blogsmadeinspain dijo...

Marian, siento no poder ayudarte, pero no sé cómo se hace el cambio del cursor. Supongo que habrá varios sitios en internet que lo expliquen.

Saludos y gracias por visitarme.

Jorge Key/Raws dijo...

Onlinestrenos "Cine Gratis Online" : Peliculas Online Gratis para Ver & Descargar (Movies and Trailers)

Afilianos que Te Afilio
Link x Link ...

Follow Me

Enlazanos

yousoggl dijo...

Excelente tu blog, te felicito!!!
Ya te estoy enlazando.

Sara Huesca MyLife dijo...

Hola, ante todo muchas gracias por tus múltiples aplicaciones. Soy bastante novata y estoy intentando poner el código en el título de la entrada y me dice que mi HTML NO ES ACEPTABLE: LA ETIQUETA NO ES CORRECTA: IMG. ¿Qué estoy haciendo mal?
Gracias otra vez y un saludo.

Blogsmadeinspain dijo...

sara, como puedes ver el código es muy fácil, así que lo más probable es que no hayas colocado correctamente la DIRECCIÓN COMPLETA DE LA IMAGEN ALOJADA.

KrisKasZar dijo...

Hola. Primero de todo felicitarte por tu blog y que a partir de ahora ya tienes una fan incondicional!! me ha gustado eso de poner una imágen antes del titulo para luego añadir un indice con las etiquetas y que esta imágen haga alusión a la etiqueta. He colocado la foto en flickr que tiene las direcciones cortas y he hecho exactamente lo que dices pero me sale delante del titulo un recuadro con un interrogante. La foto no se ve y tal vez sea por el tamaño o bien porque es png? la he de subir en jpg? Gracias de antemano y un saludo

Blogsmadeinspain dijo...

KrisKasZar, el problema es casi seguro que no has tomado bien la ruta URL de la imagen alojada.
Para asegurarte que la ruta URL es correcta, antes de emplearla, colócala en el campo de dirección de tu navegador y pulsa ENTER. Si ves la imagen completa con fondo blanco, es que es la ruta correcta.
Además debes crear la imagen o icono del mimo tamaño que vaya a verse en la entrada.

Gracias por visitarme.

KrisKasZar dijo...

GRACIAS!! me salió bien al alojarla en imageshack, con flickr algo no andaba bien!! muchísimas gracias por tu pronta respuesta y es un verdadero placer visitarte!! Ahora voy a intentar hacer un indice con las etiquetas!! Feliz Navidad!! =)