Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Imagen o icono a la derecha de los títulos de las entradas

Los títulos de las entradas en blogger pueden modificarse de muchas formas, y una de ellas es agregándoles una imagen o icono a su derecha.

Aunque también puede hacerse por medio de unas líneas de CSS, explicaré el procedimiento para realizar el truco en HTML (lo que tiene ventajas... Podremos añadir una imagen de fondo y un icono distinto a la derecha).


Imagen o icono a la derecha de los títulos de las entradas en blogger


Diseño>Edición de HTML>expandimos artilugios




Busca este bloque de código:

<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>

<b:else/>

<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>

<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>

Y añade la línea que aparece resaltada en verde a continuación:

<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>

<b:else/>
<b:if cond='data:post.url'>
<img style="margin-right:4px;" src= "URL DEL ICONO"/><a expr:href='data:post.url'><data:post.title/></a>

<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>

Reemplaza URL DEL ICONO por la dirección de tu imagen o icono [+].

Haz vista previa para ver el resultado y guarda la plantilla para terminar.

Emma dice...

Muchas gracias Jaime, probaré de hacerlo. Aún no había dejado mi huella por aquí, pasar había pasado unas cuantas veces. Me reitero, muchísimas gracias por todos tus aportes.
Un abrazo. :D ;)

Ŵebmaster™ dice...

excelente, queda de lujo en el blog...

Maxima Tecnologia

Sanchete dice...

Este truco es la leche!

Hmm me acaba de venir a la mente, ¿se podría organizar para que apareciese un dibujo distinto para cada etiqueta? Jaja, creo que pido demasiado.

Mil gracias de nuevo bloggangel Jaime!

Anónimo dice...

No me funco el truco :( de todas maneras gracias...

Jaime Trujillo Escobedo dice...

Yo soy el que debe agradecértelo, Emma. Los comentarios siempre son bienvenidos. Desde que necesites cualquier tipo de ayuda cuenta conmigo ;).


¡Abrazos!

Jaime Trujillo Escobedo dice...

Ya veo lo bien que te ha quedado, Ŵebmaster™. Me gusta la flechita que usaste ^^.

Jaime Trujillo Escobedo dice...

Sanchete, ¡Eso no suena nada mal! Te aseguro que voy a investigar haber si se me ocurre algo ;).

Mil gracias a ti, como siempre, por estar en El Balcón ^^.

Jaime Trujillo Escobedo dice...

Anónimo, si me envías la dirección de tu blog tal vez pueda ayudarte mejor. En ocasiones, las plantillas (sobre todo si son modificadas) tienen códigos en lugares distintos e incluso de aspecto diferente.

Felipe dice...

hola jaime podrias publicarle a la gente que entre a mi blog y vos entras al mio ????????
gracias por responder segui asi

Ŵebmaster™ dice...

Jaime, sobre la petición de Sanchete, lo de la selección de imagen depende del tipo de categorías lo vi en un blog... si se puede, ahorita me encuentro de curso, cuando este en casa reviso los favoritos y te envió la dirección, no es exactamente lo mismo, lo que vi fue que las etiquetas no aparecen como texto sino, como imagen antes del titulo de la entrada, si tienes 5 etiquetas en la entrada te aparecerán 5 imágenes (según se configure) antes del titulo.

-- Edito:

VER EJEMPLO

Jaime Trujillo Escobedo dice...

Así es, Ŵebmaster™. Nuestro amigo Oloblogger ya encontró algo muy similar hace tiempo ;). Conozco el truco que el ofrece, se trata de reemplazar las etiquetas (texto) por imágenes u iconos.

Siendo bastante similar, lo que pide Sanchete es básicamente aplicar un estilo ditinto al título de las entradas según su etiqueta.

Jaime Trujillo Escobedo dice...

Lo siento Felipe pero no puedo publicitar tu blog en una entrada :S. El Balcón es un blog destinado a ayudar a los demás y a ofrecer información que pueda ser de utilidad a todo el que esté buscando algo.

¡Saludos!

Rodry. D dice...

hola jaime. la verdad q esta bueno que te dediques a hacer un blog para ayudar a los demas.
te felicito! :)
capaz q uso esto, voy a pensar q icono puedo poner. jeje
pasate x mis blogs si podes:
Los Pibes, un blog sobre mi grupo de amigos, hay animaciones flash de nosotros hechas por mi.
rodry's company, ni blog personal.
saludos

Jaime Trujillo Escobedo dice...

Muchas gracias por tus felicitaciones, Rodry.D. Ahora mismo paso a ver tus blogs.

¡Saludos!

Claudio Casco dice...

Hola, Jaime. COloqué el truco y quedó bien.
Verás en mi blogs www.polikratos.blogspot.com que esta un poquito por arriba de la linea del texto.
Me gustaria bajarla, me enseñas como.
Gracias, un abrazo. Hace mucho que buscaba el truco.
Otra vez gracias.

Koko Ringo dice...

Hola Jaime!

Tengo un problema
Cuando intento poner este truco en mi blog, le doy en vista previa y sale bien todo, pero cuando le pongo guardar plantilla y me lleva a mi blog, no aparece el icono y cuando intento editar la url de la imagen, la ha borrado de mi plantilla :(
Podrías ayudarme? Te lo agradecería mucho.

Saludos y felicitaciones por tu blog, me ha ayudado a evolucionar el mío:D

Jaime Trujillo Escobedo dice...

Koko_Cross, ¿Alojaste la imagen correctamente? Si es así... ¿Te interesaría aplicar el icono a todos los títulos? Si por el contrario, te gustaría utilizar un icono distinto para cada uno de ellos, dale un vistazo a este truco.

Por otra parte debo decirte que tego una entrada preparada solucionando el "problemilla", explicando el truco por medio de CSS.

¡Abrazos y gracias por la invitación al blog!

Jaime Trujillo Escobedo dice...

Claudio Casco (Filómata), te comento que no pude ver la imagen / icono en los títulos :S.

Aún así, debes saber que he publicado un nuevo artículo en el que explico paso a paso como modificar los títulos del blog.

¡Abrazos!

Koko Ringo dice...

Hola de nuevo Jaime!

Creo que el truco que me sugeriste es mas útil :D

Gracias! ;)

Jaime Trujillo Escobedo dice...

Eso mismo pienso yo, Koko_Cross. La ventaja es que además permite modificar el tamaño, color o fuente de los títulos ;).

Anónimo dice...

Hola jaime soy zahira, acabo de utilizar este truco en mi blog y queda BESTIAL guau :o jajajaja

http://dangerousworld1.blogspot.com

Besote

Jaime Trujillo Escobedo dice...

Ya veo lo bien que queda, Zahira! Te deseo mucha suerte con el blog (estás progresando mucho, tanto en diseño como en seguidores).

Valee dice...

Muy buena la idea :D Pero no puedo hacerlo en mi blog, no me funciona :(

Jaime Trujillo Escobedo dice...

Valee, necesito la dirección de tu blog para poderte ayudar.

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo