Etiquetas en dos columnas


A medida que vamos publicando más post en el blog van aumentando también el número de etiquetas hasta hacerse una fila larga y poco estética...Una forma de solucionar esto sería poner las etiquetas en dos columnas.

Para conseguirlo, seguimos los siguientes pasos:

1.§ Vamos a Diseño - Edición de HTML.

2.§ Luego, buscamos el id del widget de etiquetas. Será sencillo de localizarlo si es que tiene un nombre. Por ejemplo, si mi gadget se llama "Las etiquetas" busco este nombre. Cuando lo encuentre se verá así:

<b:widget id='Label1' locked='false' title='Las etiquetas' type='Label'>

Entonces, el id de este gadget es lo que está en negrita (Label1) no incluyendo las comillas.

3.§ Una vez que tengamos el id del gadget de etiquetas, buscamos lo siguiente: si nuestra plantilla es la mínima buscamos:

/* Sidebar Content
-------------------------------*/

Si usamos la plantilla rounders, buscamos:

/* Sidebar Boxes
-------------------------------*/

4.§ Debajo de éste pegamos lo siguiente; si el id de nuestro gadget de etiquetas es distinto a Label1, deberán de cambiarlo:
#Label1 ul li{
float: left;
width: 40%;
}

Damos click a guardar; el resultado será el siguiente:

10 opinaron:

G

Sí, es una muy buena forma de ahorrar espacio :)

Responder
Adrián Aratan

Muy bueno; entonces tenemos una forma más de ahorrar espacio para no tener una fila interminable de etiquetas

Responder
La inquisidora

Interesante; lo aplicaré cuando tenga un montón de etiquetas.

Responder
Francisco

Hola Jesi tanto tpo q no te dejo comentarios!!! LLegó el día de nuevo..jej tengo nuevos problemas y vengo en busca de mi maestra!

Mira el tema es q cambié mi plantilla de www.mematodelarisa.blogspot.com pero arriba salen unos links que se deslizan y no se como configurarlos???
Y al costado derecho superior salen unas publicidades q se configuran pero tampoco se como se hace. Y queda medio fiero viste.....agradeceria que me dieras una mano con esto.

No dejo de agradecer toda la info q tiene este blog porque la verdad me ayuda muchisimo...siempre te recomiendo a mis colegas. Felicitaciones de nuevo y gracias.

Responder
Jéssica YK

» G: tienes razón :)

» Adrián Aratan: sí, esta es una más, porque hay otras.

» La inquisidora: cuando lo apliques me avisas para ver cómo queda tu blog.

» Francisco: qué bueno tenerte nuevamente por el blog.

En cuanto a lo que me preguntas, cuando te refieres a los links que se deslizan ¿te refieres a los del menú, donde dice test1, test2, etc? sí quieres configurarlos, busca esto en tu plantilla

<li class='page_item page-item-36'><a href='#' title='test1'>test1</a></li>

<li class='page_item page-item-40'><a href='#' title='Test2'>Test2</a></li>

<li class='page_item page-item-42'><a href='#' title='Test3'>Test3</a></li>

En cuanto a la publicidad que aparece, para configurarlo, busca esta parte de código en tu plantilla:

<h2>Featured Posts[FEATURE TITLE]</h2>
<div id='board_carusel'>
<div class='belt'>
<div class='board_item'>
<!-- board_item -->
<p><img alt='Home Refinance Loan' src='http://www.skinpress.com/thumbs/125x125.png[IMAGE URL]'/><strong><a href='#[YOUR POST URL]'>Home Refinance Loan[YOUR POST TITLE]</a></strong> Our homes are our biggest assets. A fruit borne out of many years of hard work, earnings and dreams! But, are you still paying the same higher interest rates on the home loan...[YOUR POST SUMMARY]</p>
<p class='more'><a href='#[YOUR POST URL]''>Readmore</a></p>
<!-- /board_item -->
</div>
<div class='board_item'>
<!-- board_item -->
<p><strong><a href='#[YOUR POST URL]''>An image in a post[YOUR POST TITLE]</a></strong> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec...[YOUR POST SUMMARY]</p>
<p class='more'><a href='#[YOUR POST URL]''>Readmore</a></p>
<!-- /board_item -->
</div>
<div class='board_item'>
<!-- board_item -->
<p><strong><a href='#[YOUR POST URL]''>Cash-Out Refinance[YOUR POST TITLE]</a></strong> For many, their homes are just not dwellings that protect them against rain, sun, and wind. But they are piggy banks, which can be used to raise some urgent money, even if...[YOUR POST SUMMARY]</p>
<p class='more'><a href='#[YOUR POST URL]''>Readmore</a></p>
<!-- /board_item -->
</div>

Si tienes más problemas con esa plantilla me avisas, para yo instalarla en un blog de pruebas y ayudarte a configurarla.

S@lu2

Responder
ridany

gracias jessi, funsiono ok...

Responder
Jéssica YK

» ridany:
Me alegra que te haya sido útil la entrada :)

S@lu2

Responder
Edson Lopez Sandoval

Muy buen tutorial, me sirvio mucho para mi blog

Responder
Graffiti en Benicarló

Gracias por este también resulta muyyy util

Jéssica YK

» Graffiti en Benicarló
Qué bueno que el post te ayudó :)

S@lu2

Responder

Por favor, trata de tener habilitado tu perfil (has click en "Comenta con el antiguo editor" para iniciar sesión) o deja un enlace a tu blog escogiendo la opción "Nombre/URL", procura no dejar comentarios Anónimos.
Nota: Si es que se presenta algún problema con el formulario de comentarios, sólo has click en "Comenta con el antiguo editor"

Gracias por participar en el blog.

inicio