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.

Etiquetas divididas en cuatro columnas encima del pié del blog

Tras haber publicado el truco para tener las etiquetas, las entradas y los enlaces de la sidebar en dos columnas, me quedé con ganas de crear otro truco similar.

Ayer por la tarde tuve el suficiente tiempo para inventar el interesante procedimiento de incluir nada más y nada menos que cuatro columnas de etiquetas encima del footer (pié del blog)...





Diseño>edición HTML>expandimos artilugios


Busca la etiqueta ]]></b:skin> y encima añade estos bloques de CSS:

#etiquetasbloque {
width:870px;
text-align:left;
margin:0 auto 10px;
line-height: 1.6em;
clear:both;
padding-top: 12px;
}

.etiqueta {
color: #000000;
line-height: 1.5em;
}

.etiqueta .widget {
padding:0 0 1.5em;
margin:0 .4em 1.5em .4em;
}

.etiqueta ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.etiqueta ul li {
float:left;
list-style-type: none;
width:20%;
margin: 0 0 5px;
background: transparent url(http://www.iconfinder.net/data/icons/silk2/bullet_green.png) no-repeat left center;
padding-left: 15px;
}

.etiqueta:hover {
color: #999999;
}

Ahora busca esta línea:

<div id='footer-wrapper'>

Y encima agrega lo siguiente:

<div id='etiquetasbloque'>
<b:section class='etiqueta' id='etiqueta'>
<b:widget id='Label112' locked='false' title='Etiquetas' type='Label'>
</b:widget>
</b:section>
</div>

Con este paso finalizamos el truco. Puedes ver el resultado en vista previa.

Guarda cambios para terminar.

Guillermo Vazquez M. dice...

Buenn recursos avaces por estetica del blog es necesario colocar algunos elementos en horizontal ;)

Saludos Jaime.

Pd. Recordandote que mi link en tus blogs amigos es Linux + Blogger, no Lunix, Jeje...

Nos vemos colega

Jaime Trujillo Escobedo dice...

Guillermo Vazquez M., es cierto, la estética es muy importante, y esto ayuda a conseguirla ;).

Ya cambié el nombre, no me había dado cuenta.

Laube dice...

Joé... da gusto ver que podemos contar con un coco como tú. Qué suerte tenemos!. Menudo curro te has dado chiquillo. Por cierto, le he recomendado tu blog a un amigo que está empezando en esto del blogging. Espero que puedas echarle una mano...
Un besoteeeeeeeeeeeee

Jaime Trujillo Escobedo dice...

Laube, ¡Me alegra mucho oir eso! :D

Por supuesto que podré echarle una mano. ¡Gracias por recomendarme!

Laube dice...

Jaime, mi niño, cómo no te voy a recomendar... te he recomendado a muchísima gente. Para mí eres un referente en los blogs de ayuda. Yo consulto mucho tu blog en busca de ideitas y cosillas que yo pueda aplicar en mi blog.
Un besote y gracias por estar ahí!

Jaime Trujillo Escobedo dice...

Laube, verdaderamente, es todo un placer leer esas palabras :D.

Siempre estaré aquí para ayudarte, desde que necesites cualquier cosilla.

¡Saludines!

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