PENSAMIENTOS DE HUGO

November 15, 2006

Coloca una sidebar del lado izquierdo/derecho en Blogger.

Bueno, para colocar la sidebar de alguno de los dos lados, es de lo màs simple. No màs tienes que buscar este còdigo en tu plantilla. #sidebar { width:200px; float:left; font-size:85%; padding-bottom:20px; } Ya que lo has ubicado, no màs tienes que cambiar la parte que dice: float:left; Por right;; Eso es si la barra està del lado izquierdo; si la barra està del lado derecho, pues cambias right; por left. Solamente es eso. Ahora, la parte que a màs de alguno le ha de interesar. Si se han dado cuenta, en mi blog, aparecen dos ’sidebar’. La del lado izquierdo, que ya està predifinida, y la del lado derecho (que por el momento, solo tengo links). Para agregar un sidebar, lo ùnico que tienen que hacer es: Ubicar este còdigo: #sidebar { width:200px; float:left; font-size:85%; padding-bottom:20px; } Copiarlo, pegarlo, justo debajo del còdigo que acaban de copiar, antes, agregandole el nùmero 3, asì: #sidebar { width:200px; float:left; font-size:85%; padding-bottom:20px; } #sidebar3 { width:200px; float:left; font-size:85%; padding-bottom:20px; } Ya que han hecho esto, ubican este otro còdigo:

“>< $BlogTitle$>

colocan:
Contenido de sidebar, acà.
Creo que hasta acà llego. Pero no olviden, cualquier duda, no màs escriban. Ah, y recordarles, que siempre que hagan cambios a su plantilla, guarden primero una copia del còdigo. (Se los digo por experiencia) xD PP/ Se me ha pasado por alto esto. Fijense en esta parte del còdigo. /* Page Structure ———————————————– */ #content { background:url("http://www.blogblog.com/dots_dark/bg_3dots.gif") no-repeat 250px 50px; width:1000px; margin:0 auto; padding:50px 0; text-align:left; } #main { width:500px; float:right; padding:50px 0 0; font-size:85%; } #main2 { background:url("http://www.blogblog.com/dots_dark/bg_minidots2.gif") -100px -100px; padding:20px 10px 15px; } #sidebar { width:200px; float:left; font-size:85%; padding-bottom:20px; } #sidebar3{ width:200px; float:right; font-size:85%; padding-bottom:00px; } #sidebar2 { background:url("http://www.blogblog.com/dots_dark/bg_minidots2.gif") 150px -50px; padding:5px 10px 15px; width:200px; width/* */:/**/180px; width: /**/180px; } Para colocar las las dos barras, tienen que fijarse en que la suma de los nùmeros que aparece con negrilla en el còdigo anterior, sea menor al nùmero que aparece en negrilla en el siguiente còdigo: #content { background:url("http://www.blogblog.com/dots_dark/bg_3dots.gif") no-repeat 250px 50px; width:1000px; margin:0 auto; padding:50px 0; text-align:left; } Los nùmeros en negrilla para los dos bloques de còdigo anterior indican el ancho del àrea de los post, y el ancho de las sidebar’s. Creo ke sòlo era eso lo que me haìa falta. Alguna duda aùn? Ya saben, escribanme, o bien dejen un comentario

Comments (0)





















Get free blog up and running in minutes with Blogsome | Theme designs available here