Ir al contenido principal

Post Dividers para blogger GRATIS!

Nuevos Post Dividers GRATIS!!!, usalos en tu Blog lucen muy lindos!!!

Pasos para instalar tu: post divider:

1.- Da Click en el post divider que desees instalar y guardalo en tu computadora. Necesitarás subirlo a tu cuenta de Photobucket y copiar en  "Direct Link Code" Código Directo de tu imagen. Ahora ve al Escritorio de tu Blog > Diseño > Editar HTML y encuentra ésta parte del Código: .post {
(puedes presionar CTRL-F para encontrarlo más rapido)


2.- Ahora agrega éstas líneas: {puedes copiarlas y pegarlas con CTRL - C}

background: url(Pega el Código que copiaste de Photobucket aquí);
background-repeat: no-repeat;
background-position: bottom center;

3.- Asegurate de cambiar el "Border-bottom" a 0px:
border-bottom: 0px dotted $bordercolor;

4.- Cambia tu "padding-bottom" a 25px, si es mucho reduce la cantidad de píxeles o visceversa. Tendrás que calcularle y jugar con ello un poquitin.


5.- GUARDA los cambios y listo!!!

Los Post Dividers:







Comentarios

Entradas populares de este blog

NUEVOS FONDOS para Blogger GRATIS!

Éstos son algunos FONDOS para Blogger GRATIS {free blogger backgrounds} para tu Blog, Éstos fondos tienen un "ancho extra" para las diferentes resoluciones de monitores.

Pasos a seguir para instalarlos:

1.- Elige un fondo y da click dentro de la Caja de Texto. Presiona {Ctrl-A} para seleccionar todo el código.

2.- Presiona {Ctrl-C} para copiarlo.

3.-  Ingresa a tu Blog en la sección {Diseño}4.- Y da click en la pestaña {Elementos de la página}

5.- Elige "{Añadir un Gadget}

6.- Y Selecciona "HTML/Javascript}

7.- Pega el Código que copiaste y Guardalo!!!


<br /> <script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i425.photobucket.com/albums/pp340/fixme_imbroken/arte_blogs/Freebies/freebg-artemisablogs05.jpg %22%29%3B%20background-position%3A%20top%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 st…

Fondos Gratis!!!

Éstos son algunos FONDOS GRATIS {free backgrounds} para tu Blog, Éstos fondos tienen un "ancho extra" para las diferentes resoluciones de monitores.

Pasos a seguir para instalarlos:

1.- Elige un fondo y da click dentro de la Caja de Texto. Presiona {Ctrl-E} para seleccionar todo el código.

2.- Presiona {Ctrl-C} para copiarlo.

3.-  Ingresa a tu Blog en la sección {Diseño}4.- Y da click en la pestaña {Elementos de la página}

5.- Elige "{Añadir un Gadget}

6.- Y Selecciona "HTML/Javascript}

7.- Pega el Código que copiaste y Guardalo!!!


<br /> <br /> <script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i425.photobucket.com/albums/pp340/fixme_imbroken/arte_blogs/Freebies/bg_dotsred-artemisablogs.jpg%22%29%3B%20background-position%3A%20top%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%2…

Fondos GRATIS para Blogger

Éstos son algunos FONDOS GRATIS {free backgrounds} para tu Blog, Éstos fondos tienen un "ancho extra" para las diferentes resoluciones de monitores.

Pasos a seguir para instalarlos:

1.- Elige un fondo y da click dentro de la Caja de Texto. Presiona {Ctrl-E} para seleccionar todo el código.

2.- Presiona {Ctrl-C} para copiarlo.

3.-  Ingresa a tu Blog en la sección {Diseño}4.- Y da click en la pestaña {Elementos de la página}5.- Elige "{Añadir un Gadget}6.- Y Selecciona "HTML/Javascript}7.- Pega el Código que copiaste y Guardalo!!!


<br /> <script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i425.photobucket.com/albums/pp340/fixme_imbroken/arte_blogs/Freebies/bg_turkesakey-artemisablogs.jpg%22%29%3B%20background-position%3A%20top%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%…