| La plantilla Simple es de las nuevas de Blogger. Tiene una barra lateral (sidebar) derecha. Agregaremos una izquierda. Vamos a Editar HTML: | Diseño | ► | Plantilla | ► | Editar HTML | ► | Click dentro del editor | ► | Ctrl+f | ► | 
|
Localizamos los siguientes códigos y hacemos las modificaciones indicadas con el resaltado en rojo:
- Código original:
<b:template-skin>
<b:variable default='930px' name='content.width' type='length' value='860px'/>
<b:variable default='0' name='main.column.left.width' type='length' value='0px'/>
<b:variable default='360px' name='main.column.right.width' type='length' value='260px'/> |
Código modificado: <b:template-skin>
<b:variable default='930px' name='content.width' type='length' value='980px'/>
<b:variable default='360px' name='main.column.left.width' type='length' value='220px'/>
<b:variable default='360px' name='main.column.right.width' type='length' value='220px'/> |
Hemos aumentado el ancho del blog a 980px, y a las dos barras laterales (sidebars), tanto a la que ya teníamos, como a la que agregamos, les hemos puesto un ancho, a cada una, de 220px.
- Código original:
<div class='column-left-outer'>
<div class='column-left-inner'>
<aside>
<macro:include id='main-column-left-sections' name='sections'>
<macro:param default='0' name='num' value='0'/>
<macro:param default='sidebar-left' name='idPrefix'/>
<macro:param default='sidebar' name='class'/>
<macro:param default='true' name='includeBottom'/>
</macro:include>
</aside>
</div>
</div> |
Código modificado: <div class='column-left-outer'>
<div class='column-left-inner'>
<aside>
<macro:include id='main-column-left-sections' name='sections'>
<macro:param default='2' name='num' value='1'/>
<macro:param default='sidebar-left' name='idPrefix'/>
<macro:param default='sidebar' name='class'/>
<macro:param default='true' name='includeBottom'/>
</macro:include>
</aside>
</div>
</div> |
Hemos habilitado la columna izquierda o barra lateral (sidebar) izquierda.
- Al final de la plantilla encontramos este código:
<b:section-contents id='sidebar-right-1'>
<b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'/>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>
<b:widget id='Profile1' locked='false' title='Datos personales' type='Profile'/>
</b:section-contents><b:section-contents id='footer-1'/><b:section-contents id='footer-2-1'/><b:section-contents id='footer-2-2'/></html> |
Inmediatamente encima del mismo ponemos esto: <b:section-contents id='sidebar-left-1'>
<b:widget id='Profile1' locked='false' title='Datos personales' type='Profile'/>
</b:section-contents> |
- La línea resaltada debemos eliminarla del código que teníamos, para que no nos dé error por repetición, ya que la hemos puesto en el código que agregamos. Corresponde al widget del perfil, que hemos puesto en la barra lateral izquierda.
- Vista previa y guardar plantilla.
- Vamos a Diseño ► Diseñador de plantillas ► Diseño ► Ajustar ancho:
..y veremos que ya tenemos habilitado el control para la barra lateral izquierda Así Teníamos en Diseño la página para añadir y organizar elementos: 
Ahora la tendremos así: 
Y el blog se verá así, con el perfil en la barra lateral (sidebar) que agregamos: 
|
11 comentarios :
Hola, tengo que hacert euna pregunta que la verdad no tiene nada que ver con el tema de esta entrada jeje esqee lo que me sucede es qe yo estoy utilizando el nuevo diseñador de plantillas de blogger pero la imagen de cabecera no se centra y no se como hacer para que se centre. Si me puede ayudar te estaria muy agradecida. Mi blog es www.dulcesadicciones.blogspot.com gracias!
Anabella Lee Cullen
Anabella: En este tutorial, que fue escrito para ti, está la respuesta a tu inquietud: http://bloguermast.blogspot.com/2010/08/centrar-imagen-cabecera-blogger.html
Si tienes alguna pregunta no dudes en formularla.
saludos.
Hola amigo llevo horas buscando una respuesta para modificar el espacio entre los sidebar, y hasta ahora no me es posible, agradeceria infinitamente me pueda ayudar, de verdad, ayudame amigo. Mi nombre es Jovany. Espero su respuesta, me puede escribir en: facebook.com/JovanyCamaraFans
Blog noticias: No entiendo bien su pregunta. Si se refiere al espacio entra la sidebar y el cuerpo de las entradas, sin expandir plantillas de artilugios busca el siguiente segmento:
#sidebar-wrapper {
width: 220px;
float: $endSide;
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 */
}
y aumenta o disminuye el número de pixeles, dependiendo del espacio que quiera dejar. Esto para plantillas antiguas. Para plantillas nuevas puede modificar el ancho de la sidebar con el Diseñador de plantillas.
Saludos.
Hola quisiera saber como cambiar el color de fondo o las lineas a una sidebar de plantilla simple
Anónimo: Para cambiar el color del fondo de la sidebar va a Edición de HTML y, sin expandir plantillas de artilugios, busca el siguiente código:
.fauxcolumn-right-outer .fauxcolumn-inner {
border-left: 1px solid $(body.rule.color);
}
y le agrega, antes de la llave de cierre, esta línea:
background-color: #bdbdbd;
debiendo quedar así:
.fauxcolumn-right-outer .fauxcolumn-inner {
border-left: 1px solid $(body.rule.color);
background-color: #bdbdbd;
}
Reemplaza #bdbdbd por el código del color que quiera poner.
Saludos.
Neesito ayuda urgente.
El curso pasado creéun bog para mis alumnos.Este año, para los nuevos (son de otro nivel) decido crear otro pero empleando la misma plantilla. Me está dando muchos problemas. Tantos que en mi ignorancia informática decido crear un tercero con diferente cuenta de correo a los que pasar los contenidos que ya había metido en el de este curso.
¡¡¡¡HORROR!!! No puedo trabajar en mis blogs. No puedo acceder a ellos.¿Qué puedo hacer?LLevo un montón de horas y no s´e cómo arreglar esta metedura de pata y tengo que añadir contenidos para mañana.
Espero respuesta a mi sos,Gracias de antemano
He encontrado solución de casualidad.
¡¡¡SOLUCIONADO!!! La idea de crear otro blog fue debido:
A)He puesto un índice de páginas con las distintas asignaturas y no tengo que haber realizado bien la conexión pues los contenidos que pongo no salen después.
B) al crear un blog diferente y utilizar el gadget para añadir páginas me dice que este ya está utilizado.Eso fue en mi ignorancia,llegar a pensar que debía utilizar diferente cuenta.
¿Por qué me dice que el gadget de páginas está utilizado si es nuevo?
Una vez más muchísimas gracias
Antes de comentarte otro problema que me está surgiendo con mi nuevo blog, quería agradecerte la paciencia y la rapidez en solucionarlos. Ahora cada vez que meto los contenidos en una de las páginas, le doy a archivar y cuando miro el blog para comprobar me dice que esa página no se ha encontrado dentro del blog.Después de muchas veces observo que cuando le doy a actualizar, automáticamente se pierde el enlace de la página por lo que tengo que ir de nuevo a diseño, índice de páginas y cambiar el código html, pues me cambia el número.
¿A qué se debe?
Anterior problema ya solucionado.Mi nuevo quebradero de cabeza es el siguiente:
Desde que actualicé el Mozzilla tengo un pequeño gran problema con las imágenes. Me explico, no puedo copiar imágenes puesto que al pegarlas me sale un recuadro y en la esquina superior izquierda me aparece la URL. Antes de la actualizacíón no ocurría esto. ¿Qué puedo hacer?
Encarna: Teniendo la URL de la imagen puedes incrustarla en una entrada utilizando la etiqueta <img> con el atributo src, así:
< img src="URL de la imagen" >
Esto lo debes hacer en el editor de HTML de la entrada correspondiente.
Saludos.
Este blog ya cumplió su ciclo, por esta razón, aunque sigue a disposición de los usuarios, no se harán más publicaciones ni se atenderán más consultas. La respuesta a su inquietud puede estar entre los comentarios hechos hasta aquí.
El autor.