martes, 28 de julio de 2009

ICONOS EN TITULOS DE POST

Añadir una pequeña imagen en el título de los post puede ser algo bastante interesante, rompe con la monotonía de las letras y puede resultar bastante ilustrativo siempre y cuando la elección de la imagen sea la correcta. Son del tipo de detalles que el lector agradece inconscientemente, por tanto os voy a mostrar varias formas de insertar estas pequeñas imagenes.

Este es un ejemplo:
Os voy a mostrar 2 formas de insertar los iconos, la primera será agregar un icono en un post concreto y la segunda agregar un icono fijo para todos los post.

En el título de un post concreto:

Cuando editamos una entrada, en el caso de blogger tenemos en la parte superior una casilla donde introducimos el título.

Tendremos que añadir lo siguiente:

<img src="URL DEL ICONO" />
Poner un icono al principio del post:

<img src="URL DEL ICONO" />TITULO DEL POST
Si queremos añadirlo al final:

TITULO DEL POST<img src="URL DEL ICONO" />
En medio del título:

TITULO <img src="URL DEL ICONO" /> DEL POST
Lo único que tendréis que modificar es la URL DEL ICONO, podréis encontrar todos los iconos que imagineis aqui eso si la búsqueda la tendréis que hacer en inglés, ya que el buscador es inglés. Como siempre podréis alojar las imagenes aqui para conseguir la url del icono.

En todos los post:

Deberemos de ir la plantilla de nuestro sitio, en el caso de blogger accederemos siguiendo Diseño->Edición de HTML y marcaremos la casilla de expandir artilugios.

Buscaremos el siguiente fragmento de código:
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>

Si queremos el icono al principio del título del post, lo sustituiremos por:
<b:if cond='data:post.url'><img src="URL DEL ICONO" />
<a expr:href='data:post.url'><data:post.title/></a>

Si en cambio lo queremos al final, lo sustituiremos por:
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/><img src="URL DEL ICONO" /></a>
Nota: Podéis observar al principio de este post de donde conseguir los iconos y obtener su dirección. Suerte y espero ver de aquí en adelante vuestros títulos decorados ;)

4 Comentarios:

dondelohabredejado dijo...

He puesto el ícono del logo del blog en todos mis títulos. Me ha quedao piripí!!! Muchísimas gracias!!!

caxitos dijo...

Ness Puedes consultar en la siguiente entrada como cambiar el 0 comentarios Un saludo espero que te sea de utilidad.

Cambiar 0 Comentarios

Publicar un comentario

Haga su comentario

Bienvenido al Rincon del Blog
Tus comentarios nos ayudan a mejorar
Muchas Gracias por Comentar.