Aquí vamos con otra entrada mas, para todos aquellos bloggeros que nos les gusta mucho la línea de separación que se encuentra en la columna de cada blog.
Bueno esto se puede modificar y en muchos casos ocultarlo.
Para esto se debe seguir los pasos:
Paso 1: ir a edición html
Paso 2: luego buscar estos códigos :
.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
Aquí va el detalle para los que quieren ocultarlo o eliminar la línea de separación, Cambia el valor border-bottom:1px por border-bottom:0px.
Para las personas que les gusto esta bien lo dejan ahí, pero si por ahí alguien quiere ver un poco mas resaltante esta línea solo tiene que cambiar border-bottom:0px el 0px por 3px.
Mostrando entradas con la etiqueta blogger. Mostrar todas las entradas
Mostrando entradas con la etiqueta blogger. Mostrar todas las entradas
martes, 16 de noviembre de 2010
Eliminar Navbar (Barra de Blogger)
Muchos de nosotros los que trabajamos con blogger tenemos la barra de blogger en la parte superior y a algunos de nosotros les gusta eso y a otros no, bueno para los que no les gusta la barra de blogger, esta dedicado este truco para eliminar la barra.
Entonces presten atención copiar el código que les doy aquí y luego pegar antes de la etiqueta <head>.
<style type="text/css">
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>
Pasos a seguir:
Paso 1: ir a edición html
Paso 2. Buscar la etiqueta <head>
Paso 3: pegar antes de la etiqueta <head> el código dado.
Paso 4: guardar plantilla.
ver la imagen donde se pega el codigo:
Entonces presten atención copiar el código que les doy aquí y luego pegar antes de la etiqueta <head>.
<style type="text/css">
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>
Pasos a seguir:
Paso 1: ir a edición html
Paso 2. Buscar la etiqueta <head>
Paso 3: pegar antes de la etiqueta <head> el código dado.
Paso 4: guardar plantilla.
ver la imagen donde se pega el codigo:
lunes, 15 de noviembre de 2010
Poner una imagen como cabecera del blog
OPCION 1
Lo primero que debemos de hacer es tener nuestra imagen alojada en algún servidor que aloja archivos y sobre todo gratuito estaría mejor, entre los que uso y recomiendo es imaxenes, bueno cuando tengas la imagen alojada copias la ruta, y luego te diriges a blogger, haces un clic en plantilla y luego en edición html.
Buscas el siguiente código.
Guardas todos los cambios que hiciste y listo ya puedes tener una imagen como cabecera en tu blog, pero claro no olviden el detalle del tamaño tiene que ser de acuerdo a su blog, para ello les paso el significado de esto, ancho-width, alto-height que son manejables de acuerdo al tamaño.
Cualquier comentario hágalo llegar.
OPCION 2
Claro todo esto se puede realizar de otra manera, entrando blogger, clic en diseño, luego en agregar un gadget, encontrar cabecera de pagina y añadirlo, pero por defecto muchas veces esta agregado y solo entras al gadget, clic en editar y agregas la imagen. Pero bueno todo este proceso estaré publicando mas detallado en otra entrada.
Lo primero que debemos de hacer es tener nuestra imagen alojada en algún servidor que aloja archivos y sobre todo gratuito estaría mejor, entre los que uso y recomiendo es imaxenes, bueno cuando tengas la imagen alojada copias la ruta, y luego te diriges a blogger, haces un clic en plantilla y luego en edición html.
Buscas el siguiente código.
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}
Entonces luego añades tu url o la ruta de tu imagen, para que puedas visualizarlo como fondo, te ubicas dentro del bloque header, en mi caso yo elimine los bordes para eso elimine la linea que contenia border: 1px solid $bordercolor y en esa línea puse el código background-image: url para poder agregar la url de mi imagen, bueno el código siguiente debe quedar así.#header-wrapper {
width:660px;
margin:0 auto 10px;
}
#header {
margin: 5px;height:100px;
background-image: url(http://RUTA DE TU IMAGEN);
text-align: center;
color:$pagetitlecolor;
}
Guardas todos los cambios que hiciste y listo ya puedes tener una imagen como cabecera en tu blog, pero claro no olviden el detalle del tamaño tiene que ser de acuerdo a su blog, para ello les paso el significado de esto, ancho-width, alto-height que son manejables de acuerdo al tamaño.
Cualquier comentario hágalo llegar.
OPCION 2
Claro todo esto se puede realizar de otra manera, entrando blogger, clic en diseño, luego en agregar un gadget, encontrar cabecera de pagina y añadirlo, pero por defecto muchas veces esta agregado y solo entras al gadget, clic en editar y agregas la imagen. Pero bueno todo este proceso estaré publicando mas detallado en otra entrada.
Suscribirse a:
Entradas (Atom)
Entradas
