ULTIMAS ENTRADAS

thumb

Como insertar un Menú desplegable y un Slideshow para blogger

   Estaban buscando un tutorial de blogger de como insertar un Menú desplegable y un slideshow al mismo tiempo con unos pasos simples y sin complicaciones! Has llegado al sitio adecuado, ...
thumb

Poner un video de YouTube Como fondo en nuestro blog

Con este pequeño truco podremos poner un video de YouTube como fondo de nuestro blog dandole un toque algo especial a nuestro blog o si prefieren un toque SINIESTRO... ¿no me creen? continuemos.... ...
thumb

Slider de Videos YouTube - Video Galeria

Esta claro que mostrar vídeo en nuestro blog nos demanda espacio para insertarlos, para solucionar este problema les presentamos un galería de vídeos que reducirá enormemente el espacio que usaremos.E...
thumb

YouTube LOCK - Compartir para poder ver Videos

YouTube LOCK nos permitirá hacer que los lectores que visiten nuestro blog tenga que compartir el vídeo para poder verlo, esto es un truco viral para aumentar nuestro alcance en las redes social...
thumb

Expandir y contraer gadgets con jQuery

Hace ya algún tiempo vimos cómo expandir y contraer gadgets usando Scriptaculous y Prototype, es un método que funciona bien, pero hay quienes usan jQuery y no quieren cargar más librerías en ...
thumb

Crear una sección con pestañas para colocar gadgets usando jQuery

Hoy veremos la forma de agregar a la columna lateral de su blog, una sección con pestañas a la que podrán agregar cualquier gadget que Blogger ofrece u otro externo; tiene un efecto ...
thumb

Personalizar el widget del Archivo, creando cajas etc., y agregar efecto hover

Isabella, quien nos comparte recetas muy ricas en su blog la rana de azúcar, me comentaba que le gustaría agregar un cajita para el widget del archivo, como en el caso del widget de las et...
thumb

Personalizar la nube de etiquetas con CSS

Llamar la atención al lector hace que se interese más en tu blog, y pueda visitarte más seguido para ver tus novedades, y que mejor para llamar la atención personalizando la nube de etiquetas&nbs...
thumb

Cómo hacer que el gadget de Páginas se haga flotante al bajar el scroll

Hace algún tiempo vimos cómo poner unos botones para compartir que se detienen y flotan al bajar la página. Esta vez usando el mismo script conseguiremos el mismo efecto pero con el gadget de...
thumb

Entradas Relacionadas con Botones Para Compartir

Cuando un lector busca algún tema en internet y accede a vuestro blog, nuestro objetivo es conseguir que la experiencia del lector no finalice con la lectura de la primera entrada y uno de los aspe...
thumb

Entradas relacionadas con slider

Abusando de transiciones y otras modernidades, esta es una variante para mostrar entradas relacionadas en Blogger, creando una especie de slider y se basa en Posts relacionados con min...
thumb

Personalizar la Barra de Desplazamiento (Scrollbar)

En el tutorial de hoy aprenderemos como modificar la barra de desplazamiento para personalizarla a nuestro gusto. La barra de desplazamiento, o scrollbar, es la que aparece a la derecha, o en la parte...
thumb

Alinear Elementos y Gadgets

Una pregunta muy común es cómo alinear elementos o gadgets del blog, ya sea centrarlos o alinearlos hacia un lado específico. En la mayoría de las plantillas tanto los textos como los elementos...
thumb

Entradas Populares » Entradas populares para blogger estilo diferente

Obtener nuevos estilos fascinantes para implementarlos en nuestro blog de blogger es lo que van a aprender con este grandioso tutorial de blogger. Voy a explicar un truco muy simple y fácil de rea...
thumb

Widgets Widgets para Blogger – Nuevos estilos galería de imágenes

¿Necesitabas nuevos estilos en las imágenes de presentación de tu blog de Blogger? Ayudadeblogger.com te ayuda con un código CSS que realiza una función muy importante para darle un estilo...
thumb

Slideshow automático V

Nuevo y espectacular Slideshow para Blogger gratis, la disponibilidad de obtener Slideshow que muestren nuestras últimas publicaciones con un simple código y que funcione perfectamente en todo...
thumb

Mostrar un Slideshow con mis entradas populares para blogger

Mostrar un Slideshow con mis entradas populares Ahora que ya han aprendido a como instalar un Slideshow con entradas populares y con un diferente diseño, me toca presentarles otro nuevo diseño ...
thumb

5 Estilos Para El Formulario de Blogger

Hace unos días os mostraba la forma de personalizar el formulario de Contacto de Blogger y añadirlo a una página estática. Hoy he diseñado 5 formularios oficiales de blogger, así que hoy es...
thumb

Slider con efecto automático para tu Blog

Esta vez agregaremos este Slider mediante un  Gadget el mismo que tiene efectos: transición, animación, etc.Configurable en lo siguiente: Numero de imágenes a mostrar. Entradas a mostrar Empece...
thumb

Entradas recientes automáticas con slider para Blogger

Colocar las entradas recientes en nuestro blog es más fácil de lo que se pensaba y no es necesario deformar la plantilla que ya tenemos. Ganar dinero en Tumblr de forma fácil Un día cualquie...
thumb

REDES SOCIALES CON EFECTO DESLIZANTE (LATERAL BLOG)

Anteriormente ya vimos como colocar unos simpáticos iconos flotantes de Redes Sociales y para continuar ahorrando espacio en nuestros Blog, hoy os muestro otra forma de hacerlo y es colo...
thumb

GADGET ROTATIVO PARA ENTRADAS RECIENTES CON LISTA SELECCIONABLE

Este es un código JavaScript que permite mostrar las últimas publicaciones de cualquier feed con la particularidad de que tiene dos partes -ambas interesantes- y que podemos utilizar individualmente o...
thumb

Widgets Widget para blogger, Slideshow con Entradas Populares

Widget para blogger, Slideshow con Entradas Populares Luego de haberles presentado algunos espectaculares Slideshow de entradas populares, les presenta a otro hermoso Sideshow. Lo que vamos hac...
thumb

COMENTAR CON GOOGLE+, BLOGGER O FACEBOOK EN BLOGGER.

Este verano vimos como usar juntos comentarios Blogger y Google plus sin ser necesario conectar el blog a Google plus y ahora aparte le he sumado también el de Facebook.Ver tambien e...

nota automatica

martes, 28 de febrero de 2012

Eliminar espacio superior en las plantillas nuevas

Muchos de los que usan las plantillas hechas a través del Diseñador de plantillas de Bloggereliminan la Barra de navegación (navbar) y al hacerlo descubren que queda un espacio vacío donde estaba la navbar y piensan que algo han hecho mal.

La realidad es que no han hecho nada mal ni se trata de un error, es simplemente que muchos de los diseños de esas plantillas así fueron hechas y pensadas, o sea que es parte de su diseño original, sólo que no habíamos notado que existía ese espacio porque la navbar estaba encima y nos tapaba ese espacio.

CON LA NAVBAR


SIN LA NAVBAR


Bueno, sin importar si es parte del diseño o no siempre me preguntan cómo quitar ese espacio en la parte superior de la plantilla, y en realidad es muy sencillo, sólo basta agregar un margen con valor negativo para que suba la estructura del blog.

Sólo hay que entrar en Diseño | Edición de HTML y agregar antes de ]]></b:skin> lo siguiente:
.content {
margin-top:-30px !important;
}

Y con eso se habrá subido la estructura de la plantilla desapareciendo ese espacio en la parte superior.



Este ajuste aplica para las plantillas SencilloEtéreoTravel y algunos de Picture Window que son las que tienen estos espacios vacíos.
En el segundo estilo de la plantilla Picture Window el espacio es mayor por lo que se deberá aplicar un margen de -60px.
Imprimir artículo

No hay comentarios:

Publicar un comentario

Mil Trucos Blogger