Aunque no lo parezca, esta plantilla es la Harbor.
La elegí por ser la misma que utilizo en
el otro blog que tenía cuando empecé con éste, ya que, en principio, este blog iba a servirme como conejillo de indias para probar todos los trucos válidos que encontrara por ahí.
Algunas de las modificaciones que he hecho aquí no las he aplicado en el otro, como lo de ponerle dos sidebars, pues, al intentarlo en el otro blog, se me descontrolaron mucho las cosas que tengo agregadas en la barra lateral, por lo que lo dejé como estaba.
Pero si tu también tienes este modelo de plantilla y quieres tener dos columnas laterales en tu blog, has de modificar el código HTML tal y como voy a explicarte.
---
Las plantillas de blogger tienen tres secciones independientes (en cierto modo), que encontrarás, en este orden, al pinchar en Edición de HTML de la pestaña Plantilla.
La primera sección, que está justo debajo de los créditos de la plantilla, corresponde a los Variable name, de los que hablo en
otra entrada; la segunda es la sección del CSS y por último la del código HTML, que expandimos al pinchar en Expandir elementos.
Para empezar a modificar esta plantilla primero has de localizar en el sector CSS la medida del "cuerpo" aprovechable del blog.
Es ésta línea: min-width:890px; que encontrarás bajo el encabezado Page Structure.
En principio esta medida está en píxels.
Borras lo que aquí está en rojo, menos el punto y coma, y escribes 100% para que el blog se expanda por toda la zona útil.
Un poco más abajo verás main-wrapper, que corresponde a la zona de las entradas, allí cambias el 64% que hay por un 50%, a fin de que dicha zona ocupe solo la mitad del espacio.
Ahora has de reestructurar la barra lateral (sidebar) y en sidebar-wrapper, dejas el ancho (width) en un 24%
En el bloque siguiente añades esto: padding: 10px; para separar la barra lateral de las entradas.
Una vez hechos estos cambios ya puedes copiar el código íntegro de la sidebar y pegarlo debajo del existente, cambiando el nombre sidebar por newsidebar y el float leftt por float right.
El código resultante deberá ser más o menos así:
#newsidebar-wrapper
{
width:24%;
float:right;
word-wrap:
break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;
/* fix for long non-text content breaking IE sidebar float
*/
}
#newsidebar {
margin:0;
padding:10px;
padding-top: 0px;
}
Ahora has de modificar el código HTML. Localiza esta línea:
<div id='main-wrapper'>
y justo encima pegas esto:
<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar'
preferred='yes'>
<b:widget id='Profile2' locked='false'
title='About Me' type='Profile'/>
</b:section>
</div>
Una vez hecho esto ya puedes hacer vista previa.
Si todo ha salido como es debido, no has olvidado hacer ningún cambio, ni ningún símbolo o llave de apertura o cierre de órdenes, verás la segunda sidebar a la derecha del blog.
En ella verás el perfil, ya lo quitarás cuando acabes, salvo que prefieras dejarlo ahí. Lo hemos usado para que la nueva sidebar tenga alguna cosa para poder verla.
De todos modos aún faltan algunos detalles para poder guardar la plantilla.
Ves nuevamente a la sección del CSS y localiza está línea:
body#layout #sidebar-wrapper {
(la encontrarás justo encima del sector Header) y cambias el ancho (width) a 250px.
Debajo, donde pone:
body#layout #wrap4, body#layout #outer-wrapper {
cambias el ancho a 1000px.
Y ya está ya tendrás dos columnas en tu blog.
---
Observaciones, y consejos:
Cuando añades otra columna a tu blog no desaparecen los módulos que tuvieras colocados en la columna inicial, pero no vas a poder cambiarlos de columna moviéndolos. Si lo intentas verás que el resto de módulos que hayas dejado desaparecen.
Para cambiarlos de columna has de añadir nuevos elementos a la columna nueva (verás que encima de ella también tienes un Añadir un elemento de página) y copiar en ellos los códigos que hubiera en los antiguos. Guardas el nuevo elemento y eliminas el elemento antiguo. (Puedes abrirlos los dos a la vez para hacer el trasvase).
Otra cosa más a tener en cuenta es la manera en que se ve la página de los elementos.
En la plantilla original las columnas se ven "a la vez", pero al añadir una nueva sidebar, la página de elementos se ensancha, con lo que tendrás que moverte lateralmente para ir de una columna a otra. No es importante y no afecta al buen funcionamiento del blog.
Y finalmente recomendarte que guardes tu plantilla original antes de hacer cambios importantes en tu blog y hagas una copia de todos los códigos que tengas en los elementos, por si las moscas, pues, aunque no desaparecen, si al final no te convence como queda, o has tenido algún problema y quieres recuperar la plantilla anterior descargándotela desde tu pc, entonces si que van a desaparecer los widgets.
---
Actualización 27 noviembre 2007
He rebajado el % del ancho de las sidebars y he puesto 24 en vez de 25, que es lo que había antes y es lo que vi en el Escaparate de Rosa.
El motivo ha sido que con un 25% de anchura en las sidebars, con Firefox la de la izquierda desaparece y se coloca debajo de las entradas, con lo que solo sería visible para aquel que baje hasta el final del blog.
Al quitarle este 1% vuelve a su lugar.
---
