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

sábado, 3 de marzo de 2012

Seis Estilos de Paginación para Blogger con CSS

Navegando en el blog de Abu-farhan encuentro seis estilos de barra de navegación para blogger, estos 6 estilos los podemos disfrutar a gracias a Choen.

A sí que si estabas pensando poner una barra de paginación en tu blog pero el color de la paginación no se ajustaba a tu gusto, puedes escoger entre estos 6 estilos  de paginación que bienen en distintoscolores, escoge el que más te guste. El color de los estilos es el mismo que pueden ver en la imagen de arriba.

Primero ve a Diseño > Añadir un gadget > elije HTML/Javascript, copia y pega el siguiente código:

<style type='text/css'>.showpageArea a {text-decoration:underline;}.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}.showpage a:hover {text-decoration:none;}.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}</style><script style='text/javascript'>var pageCount=5;var displayPageNum=5;var upPageWord="Anterior";var downPageWord="Siguiente";</script><script style='text/javascript' src='http://dl.dropbox.com/u/3373498/PazosBlogger-blogger-page-nav-v2.js.txt'></script>

Has click en guardar y situa el Elemento debajo de todas las entradas.

Ahora tienes que copiar el código CSS para darle estilo, y lo ponen en su plantilla antes de ]]></b:skin> . Se los dejo enumerados del 1 al 6 en orden como están en la imagen de arriba:

1. Estilo 1
2. Estilo 2 
3. Estilo 3 
4. Estilo 4 
5. Estilo 5 
6. Estilo 6

Como pueden ver son seis estilos muy bonitos que pueden añadirlos en sus blogs.
Vía | Abu-farhan Imprimir artículo

No hay comentarios:

Publicar un comentario

Mil Trucos Blogger