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.

Antes del titulo de las entradas... una imagen

Se trata de poner un icono o una pequeña imágen antes del título de una entrada. Hay dos procedimientos para colocar este pequeño icono, yo os lo explico ahora mismo:

Diseño>edición HTML>expandimos artilugios

Buscamos este código:


<h3 class='post-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>


Ahora añadimos esto justo después de <a expr:href='data:post.url'>

<img src= "URL DE LA IMAGEN"/>


Sustituye URL DE LA IMAGEN por la dirección de tu imagen.

La otra opción de hacerlo es esta:

Buscamos este código, (expandiendo artilugios) en el CSS de nuestra plantilla:

.post h3 {


Justo después le pegamos esto:
background: url(URL DE LA IMAGEN) no-repeat 0;
padding-left: 20px;


Si queremos cambiar algo, el padding-left nos dice la distancia que habrá del icono al texto, podremos cambiar su valor, según sea el tamaño de nuestro icono.

Debes sustituir URL DE LA IMAGEN por la dirección del icono o la imagen a mostrar.

Ya hemos terminado, podemos ver el resultado en la vista previa.

Laube dice...

Esto también es interesante... Podemos insertar iconos y emoticonos animados????

Jaime Trujillo Escobedo dice...

Por supuesto Laube! emoticonos, gifs, avatares... en prácticamente cualquier formato.

Laube dice...

Qué guay!!! Me encantan estas pijadillas... jejeje

Jaime Trujillo Escobedo dice...

¡¡Entonces te viene genial!! Suerte con la decoración ☺.

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