Ubicar la etiqueta <head> (Ubicacion: plantilla - edicion HTML) y colocar antes del HEAD lo siguiente:
+ Info
Luego de esto tenes que hacer click en Guardar Plantilla y Listo.- Si preferis Primero hace Click en Vista Previa para que puedas ver como queda tu blogspot, sin la navbar.-
| [+/-] |
Ocultar la navbar |
| [+/-] |
Barras de Scroll en Blogger Beta |
En esta oportunidad no traigo ni un truco novedoso, ni algo que sea muy dificil de hacer, lo único que hice fue agregar el widget correspondiente para tener las barras de scroll en el Blogger Beta, en mi caso en la Sidebar y por ahora tambien en el Main aunque pronto lo voy a sacar, (creo), el Truco consiste en:
1°.- Como siempre ubicamos la Edicion de la Plantilla y luego Edicion de HTML
2°.- Expandimos la Plantilla de Artilugios y para el caso de la Sidebar ubicamos el widget <div id='sidebar-wrapper'> y le agregamos esta parte del código style="overflow:auto; height:450px;" para que nos quede de esta forma <div id='sidebar-wrapper' style="overflow:auto; height:450px;">
3°.- Guardamos la PLantilla y Listo.-
El número 450 de los px. de height, lo podes ir variando, segun la altura que quieras tener.-
En el blog de Gabicuesta tenes una explicacion de las diferentes variantes para overflow.-
| [+/-] |
Seguir Leyendo en Blogger Beta |
Buscando y Leyendo Blogs de Trucos de muchos Bloggeros llegué a Hackosphere donde encontré el Truco Sigue Leyendo... o Continúa o Leer Más..., como le quieras llamar.- A continuación te lo explico en español para que lo puedas hacer paso a paso.+ Info
Primer Paso: Lo Primero que hay que hacer, es entrar a la opción Plantilla, Edicion de HTML, Expandir la Plantilla de Artilugios.
<div class='post-header-line-1'/> Luego Guardas la Plantilla y vas a la Opcion Formato que se encuentra dentro de la Etiqueta Opciones y una vez allí ubicas la parte que dice Plantilla de Entrada y en el cuadro que tenes ahí pegás el siguiente código:
"Aca va la parte que queres que se vea al Principio de la entrada" Guardas los cambios y Listo.-
Cuando ingreses a Creacion de Entradas te va a aparecer lo que pusiste arriba; en la parte que está en naranja, en el caso de esta entrada la direccion quedaría así "http://cpgg.blogspot.com/2007/03/seguir-leyendo-en-blogger-beta.html.-
Segundo Paso: Ubicas los códigos que están en color negro y agregas los que están en rojo como se muestra a continuación
<div class='post-body'>
<b:if cond='data:blog.pageType== "item"'>
<style<.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More......</a>
</b:if>
<div style='clear: both;'/>
<!-- clear for photos floats -->
</div>
<span class="summarypost">
<a href="http://nombretu blog.blogspot.com/año del post/mes del post/titulo-de-la-entrada(en vez de espacios pone "-".html">Leer mas... </a>
</span>
<span class="fullpost">
""Aca va el resto de la entrada""
</span>
| [+/-] |
Como agrandar la Sidebar |
Primero debes ingresar a Plantilla y luego Edicion de HTML una vez alli, buscas la siguiente etiqueta:
+ Info
/* Content Luego para agrandar el ancho total de la pagina, debes cambiar el numero de pixeles que esta en rojo en el width de #content-wrapper, ojo, que si lo agrandas mucho te va a quedar muy salido de la pantalla. Luego para agrandar el ancho de la Sidebar, haces lo mismo, es decir, modificas el numero de pixeles que esta en rojo en el width de la etiqueta #sidebar-wrapper, y por último si queres agrandar tambien el ancho de la ventana donde se ubican tus Posts, debes agrandar el numero de pixeles que esta en rojo en la etiqueta #main-wrapper. OJO, tenes que tener presente que la suma de los pixeles de los width de #sidebar-wrapper y #main-wrapper, no debe superar el numero de pixeles que pusiste en el #content-wrapper.- Para cambiar de lugar la Sidebar, solo tenes que cambiar el texto de la etiqueta float, de la siguiente manera: right para alinearlo a la derecha y left para alinearlo a la izquierda.
Probalo y no te olvides de guardar siempre la plantilla en tu HDD o Disco Rigido, antes de modificar algo.-
----------------------------------------------- */
#content-wrapper {
width: 963px;
...
}
#main-wrapper {
width: 501px;
...
}
#sidebar-wrapper {
width: 210px;
float: right;
...
}
| [+/-] |
|
