| La plantilla Picture Window es de las nuevas de Blogger. Tiene una barra lateral (sidebar) derecha. Agregaremos una izquierda. Vamos a Edición de HTML:
Página principal ► Diseño ► Plantilla ► Edición de HTML |
Sin expandir plantilla de artilugios 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> |
- 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: 
|
7 comentarios :
Gracias me sirvió la información para modificar la plantilla
como puedo agregarle un cabezal a esta platilla, ya modificada con las intrucciones aqui dadas? Gracias!
Un Brote De Adoración: Para poner una imagen en la cabecera va a Diseño ► Elementos de página, hace click en Editar de la cabecera y sube la imagen.
Saludos.
Hola buenas noches, podrá Ud. ayudarme? Para aumentar mi SEO intente cambiar en la configuración HTLM de la plantilla picture Windows, mi dirección URL, pero no realice copia antes, y aunque modifique un solo renglón, cometí el error de no visualizar primero y así guarde la plantilla, errónea. Ahora no puedo manejar absolutamente nada en la plantilla y no puedo regresarla a la configuración original dada por Blogger. Que hacer? Mil gracias, quedo pendiente de su respuesta que me súper urge!
MEsencia: Primero haga una copia de la plantilla del blog emproblemado. Después pruebe con lo siguiente: Cree un nuevo blog con la plantilla Picture Window, sin hacerle nada. Vaya a Edición de HTML de este blog y del blog que tiene el problema, en ambos active la casilla Expandir plantillas de artilugios. Copie todo el código HTML de la plantilla del blog nuevo y lo pega en la plantilla del blog del problema, reemplazando todo el código HTML. Observe la Vista Previa para asegurarse que su blog no se ha desconfigurado, debe aparecer sin los widgets que usted ha agregado después de creado el blog.
Si decide dejar el blog tal como lo ve en la vista previa, guarda plantilla. Aparecerá una advertencia como ésta: "tu nueva plantilla no incluye los siguientes widgets:", y presenta los widgets agregados después de creado el blog. Debe escoger la opción "Mantener Widgets". ¡Suerte!
Saludos.
Felicitaciones por su blog, una consulta necesito modificar la plantilla picture window, quiero disminuir la distancia entre el la barra de navegación blogger y el borde superior de la plantilla, es decir no tengo texto en la parte por tanto queda un espacio vacío que no me agrada ¿se puede hacer?, quedo atento a sus comentarios, gracias.
Anónimo, deberá ponerle un margen superior negativo a la cabecera, así:
En Editar HTML, sin expandir plantillas de artilugios busca esta etiqueta:
]]></b:skin>
...y antes de la misma pega este código:
.header-outer {
margin-top: -100px;
}
la cifra negativa (-100) la modifica, aumentándola o disminuyéndola, y va observando con la Vista previa hasta conseguir el margen deseado.
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.