Tutorial Blogger: Como poner un separador entre los posts

Holaaa, pues hoy traemos una pequeña sorpresita pues viendo el gusto que le estamos cogiendo al HTML jajaja pues se nos ocurrió traeros un pequeño tutorial para mejorar vuestro blog cada domingo. Si sé que hoy es Lunes pero los publicaremos los Domingos en caso de que os gusten.
¿Qué os parece? ¿Os gusta la idea? ¿Os animáis a ir mejorando vuestro blog?

El de hoy es muy simple y fácil pero es de esas cositas que marcan la diferencia en el diseño de un blog, los pequeños detalles...

¡Empezamos!


MUY FÁCIL

1. Hacemos una copia de seguridad de la plantilla. Abrimos el escritorio de blogger y nos vamos a plantilla, para asegurarnos de no estropear nada si la aventura con el código nos sale mal haremos una copia de seguridad de la plantilla ¿como? así de fácil:


Y comienza la aventura....

2. Editamos la plantilla. Pinchamos en Editar HTML.

 Colocamos el cursor en cualquier parte de los códigos que aparecen, damos un click y pulsamos Ctrl + F, se abrirá un buscador.
 En el que copiaremos el siguiente código (Es una imagen porque blogger no me deja escribirlo a mano se lo toma como si fuera HTML :'( Lo tendreís que copiar letra a letra, aviso que aunque cambia de linea no tiene intro.



Le daremos a Intro y nos seleccionará una parte del código en color amarillo.


Ahora damos otro intro al final de la "frase" que nos ha seleccionado.

3. Instalamos el separador.
Y ahí pegaremos el código de nuestro separador, yo os he preparado un buen puñado de separadores, para todos los gustos pero también podéis crear vosotros vuestra propia imagen. ¿Cómo?

Preparáis vuestra imagen,  la alojáis en algún sitio porque necesitaís su URL, no importa que luego la eliminéis y pegáis la URL entre las dos comitas de este código. (Pasa lo mismo de antes, es una imagen y no tiene intro entre las dos líneas.)



Si no os quereís complicar la vida y usáis uno de los separadores que yo he hecho para vosotros simplemente tendreís que copiar la URL que ahí debajo del separador que hayaís elegido y pegarlo entre las dos comitas del código de arriba. Luego pegarlo todo tras el intro. Le damos a "Guardar plantilla" y ya está.
Aquí tenéis los separadores con sus URL.

http://4.bp.blogspot.com/-abcxgZaNSLU/Ui3gPtUf0aI/AAAAAAAAA6Y/IUFkAKHPkQg/s320/separador+boton.png

http://4.bp.blogspot.com/-IMmAy42N4nA/Ui3gSOwsL9I/AAAAAAAAA7U/-zNiEqSKZCs/s320/separador+moustache.png

http://1.bp.blogspot.com/-N79BwnXn5tg/Ui3gQfnNTLI/AAAAAAAAA68/6Y9d2MKsMYc/s320/separador+conejito.png


http://4.bp.blogspot.com/-ShfaKbPLSRk/Ui3gPkSGeVI/AAAAAAAAA6Q/2wDnxsoIfv8/s320/Separador+confeti.png 
http://1.bp.blogspot.com/-RFAftfIj3Mo/Ui3gQqx4f-I/AAAAAAAAA6s/WFAFN98_8VY/s320/separador+corazon+azul.png

http://4.bp.blogspot.com/-GEwfrkqDQ9A/Ui3gQt4is9I/AAAAAAAAA6o/r9-I3_LQ7d0/s320/separador+corazon+negro.png

http://2.bp.blogspot.com/-WCM9-O3Tq4g/Ui3gREZJ5II/AAAAAAAAA64/4yenUUV8hC4/s320/separador+corazon+rosa.png

http://2.bp.blogspot.com/-VX8zb6vJu2M/Ui3gRyT5btI/AAAAAAAAA7c/gbHRY_wpOiA/s320/separador+corazon+verde.png

http://2.bp.blogspot.com/-jRGTs5_LWSw/Ui3gR7XEtII/AAAAAAAAA7E/VAj9hlArxwU/s320/separador+del+pollito+.png
http://2.bp.blogspot.com/--pjZ1zZph3Y/Ui3gSVnRTVI/AAAAAAAAA7Q/kgNFvdQXgoI/s320/separador+puntitos+azul.png

http://2.bp.blogspot.com/-0_CNnPIENUY/Ui3gTWJRyqI/AAAAAAAAA7s/YKtvaXNltQ0/s320/separador+puntitos+morado.png
http://3.bp.blogspot.com/-AUO8_T9IExA/Ui3gTdSGhyI/AAAAAAAAA8c/UG2ZST4mBV8/s320/separador+puntitos+png.png

http://1.bp.blogspot.com/-NHRQD9r3mtg/Ui3gTo2D6KI/AAAAAAAAA7o/IhS-eWPrevM/s320/separador+puntitosverde.png


http://4.bp.blogspot.com/-KE53EiF4_zM/Ui3gUfJI9MI/AAAAAAAAA8M/dX8sZn_7YKs/s320/separador+vintage+1.png

http://4.bp.blogspot.com/-aatsUIAZ9hA/Ui3gVttWtcI/AAAAAAAAA8Y/VJ7reqnAhRU/s320/tijeras+png+1.png

http://2.bp.blogspot.com/-mmM56zKifL0/Ui3gUgrX_bI/AAAAAAAAA78/D4fhL5sIXJk/s320/tijeras+png+02.png


http://3.bp.blogspot.com/-6eFdytZlkCE/Ui3gVFzz77I/AAAAAAAAA8I/MXgmg5_PiBI/s320/tijeras+png+03.png
http://1.bp.blogspot.com/-X1soU_91jSQ/Ui3gVrMkZdI/AAAAAAAAA8o/xlZagaZWZqo/s320/tijeras+png+04.png
http://2.bp.blogspot.com/-wtrav9X1-QE/Ui3gP3tFRsI/AAAAAAAAA6U/zLUq-n8EehM/s320/Tijeras+png+05.png
http://3.bp.blogspot.com/-Kd6dcOFFgk0/Ui3gUAzut9I/AAAAAAAAA70/E7L7tgzEQaU/s320/separador+vintage+02.png

¿Os ha gustado el tutorial? ¿Lo lleváreis a cabo? ¿Queréis que hagámos uno semanalmente? ¡No dudéis en comentar! Y si tenéis alguna duda os la resolveremos en los comentarios

Ah y una cosa, no me he vuelto loca sé que esto es un blog literario peeerooo ¡¡¡¡¡¡Vivaaan looos OFF TOPPIC, Viiiivaaaan!!!!!!


Share this:

,

CONVERSATION

7 Pensamientos:

  1. Muchas gracias, me ha ayudado muchísimo, gran tuto :)

    ResponderEliminar
  2. Gracias a ti por pasarte. Me encanta que te haya ayudado :D

    ResponderEliminar
  3. Yo lo utilicé una vez, pero aunque quedaba muy bonito, cuando entré por cuarta vez en el blog, no me salía la imagen, así que lo quité.
    Pero es muy útil.
    Besos :)

    ResponderEliminar
  4. Pues no sé , a mi por los menos no se me ha quitado y por lo que tengo entendido es no se quita :)
    Gracias por pasarte

    ResponderEliminar
  5. ´SI POR FAVOR NECESITO ESTA SECCIÓN!
    soy absolutamente nefasta en esto de html así que me encantan estos tutos y los pondré en practica sin dudarlo. :D

    ¡Muchísimos bostezos, guapas! :D

    ResponderEliminar
  6. Jajajaja pues nosotras encantadas de que te guste.

    ResponderEliminar
  7. Este comentario ha sido eliminado por el autor.

    ResponderEliminar

Si comentas, te dejaremos un comentario en tu blog.

Por favor, NO hagáis SPAM, NI SPOILER y tratad a nuestros bigotudos con RESPETO.

NO QUEREMOS URLS.

Si queréis QUE SIGAMOS VUESTRO BLOG ENVIAD UN E-MAIL A LIBROSGREENS@GMAIL.COM y si nos gusta, OS SEGUIREMOS.

Si queréis PUBLICIDAD/ PROMOCIÓN id a la SECCIÓN "PUBLI GRATIS".

Atte. Lady Moustache, Calíope y Mar.