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.

Añadir sidebar (barra lateral) en la plantilla Son of Moto

Vamos a realizar un truco que nos puede cambiar la forma de nuestro blog por completo, y dejarlo con un diseño más profesional, vamos a añadir una sidebar (barra lateral) en nuestra plantilla Son of Moto.

Primero vas a "ajustar" las medidas de la widebar y sidebars.

Diseño>edición HTML>expandir plantilla de artilugios

(1) Busca esto:

#outer-wrapper {


La anchura del blog nos viene así: width: 692px pués la cambias por width:900px;

(2) Ahora, en #content-wrapper { añade el valor de: margin-top: 20px hacemos esto para "separar" las sidebars (barras laterales) de la widebar (columna central)

(3) Busca #main { y dentro de ese trozo, cambia width:400px por width: 440px

(4) Si sigues, más abajo veremos #sidebar { cambiamos el width: 226px por width: 200px;

(5) Una vez que hemos realizado estos cambios en el CSS, vamos a "instalar" la sidebar, que lo haremos copiando la otra, tendremos esto:

#sidebar {
width: 200px;
float: right;
color: #cc0000;
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 */
}


Lo pegámos justo despues de la primera, y cambiamos #sidebar { por #newsidebar { y float: right; por float: left;

Por último busca <div id='content-wrapper'> que está un poco mas abajo, y justo a continuación le pegas este bloque:

<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
</b:section>
</div>


¡¡Guarda los cambios y ya tendrás la Son of Moto con dos sidebars!!

Bleid dice...

hola jaime
ya ves que soy asiduo por aqui
sigo todos los pasos y me da error " la id newprofile no es valida
que hago?

gracias

Jaime Trujillo Escobedo dice...

bleid, no te preocupes, busca y elimina esta línea y listo :)

<b:widget id='NewProfile' locked='false' title='About Me' type='Profile'/>

Bleid dice...

no hay manera no me sale bien
sigo todos los pasos al dedillo pero no hay forma
como puedo hacerlo?

Bleid dice...

Hola de nuevo
me voy a dormir desesperado creo que no valgo para esto
ahora al hacer la vista previa tengo la parte central mas ancha pero solo una columna a la izquierda como ya habia
no se como puedo hacerlo
haber si se te ocurre como hecharme una mano teniendo en cuenta que soy malisimo
muchas gracias
por cierto me encanta tu pagina

Jaime Trujillo Escobedo dice...

bleid, paciencia tengo más que suficiente así que todo lo que necesites saber dímelo.

Yo veo la sidebar bien, veo que el main-wrapper (zona de las entradas) está más ancho ^_^

Bleid dice...

ya lo he solucionado, he conseguido poner una plantilla de 3 columnas green blue.
eres un crack y te agradezco el interes.
no dudes en pedirme alguna cosa en la que te pueda ayudar aunque sea sobre viajes
saludos

Jaime Trujillo Escobedo dice...

bleid, me alegro mucho de que hayas conseguido tener una plantilla a dos columnas ^_^

Los viajes me encantan, algún día te pediré consejos :-D

Eric Ávila dice...

muy bueno,:D, pero no me salen las dos barras. ¿a que se debe eso?. a lo mejor es por que no tengo la plantilla son of moto, porque tengo la noseque blue

Eric Ávila dice...

aun cambiando la plantilla no me deja. ¿que hago? :(:(:(:( :O:O:O:O:O:O:S:S:S:S:S:S:S:S:S

Jaime Trujillo Escobedo dice...

Eric Ávila, te aviso de que, aún usando la vista previa, la sidebar no se verá.

¿Te aparece algún tipo de error al guardar cambios?

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