Modus Leyendi blog de literatura juvenil con reseñas de libros de autores nacionales e internacionales en habla hispana

10 septiembre 2013

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.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh73p5NSuUqCTQ6Kr9ERu4Kj3ds70bTs3UmdnaSbx1qqeTnYnii0fL1Mh8GWVykbqy20-i77f12AqMZrsub9FLD9Mq16c22LrAqHm8rZdG6FqTDoZvChVSqkqzJ5X9pMwz8eXnsPniUpDA/s320/separador+boton.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmYX0R4ppzZx87qnHMZfa5gVqoVnY6RHz-IR7tPXw2wgdevZx42cUEB25l_9NKp_OnV11Eu8yPHfZYrhGC1bjlO4APSUhGURN-nWbYEByqKZcmkZhJ0u3XKGimLTl3quBN-l6YZ6i7dzA/s320/separador+moustache.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGf71TAjPASadShsJ6aL7dkuWMnFtc8I5xK8fXVTTM2rEIoKfpt3IA6gtey-hNB-6AiAH15YkWLbMttYqf8Sff9b7ILxB4A9BP_mOy0PoVL0I_fJRHKTpnKKWKbntkyM3MF7kP7e9QmWU/s320/separador+conejito.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEalpLOhOHpHYLxiQYNVcLNdCs3iKAMQlf37N4da510mudF70_6DUSdZWEA40fuaRgXzPLOkZ4taYNSgi_95ZwNOJMHFS19IQcSnqdE396NSXu53EPUFjndP27Dga8XkGxaOuVEWJt_IY/s320/Separador+confeti.png 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhivKM4I1PHLqnYGwGyZ32-9WpypEf8hr9w6-rGCtnNyl2EC8qMdEnJc98EzovGXzseusVe2ohVqQ8fV9bqGpVprl9zi3ps6ZxLLf5XRTxF6zbe5P60hJolpmVfTGOrW2FXxmsH7JKkOGM/s320/separador+corazon+azul.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMsZyXepI-0K_wul3m4mztl1YrVpflEMhopLJOn7VM0Ki7GVnUGinkyRwAxgBgYi2XsPexIu4LglWoDjlg4lZp-szwRJaT4UxwWzpHxQ-La3CxF6N-oDpGkZ94vaiRRlrXX1EORJyeH5c/s320/separador+corazon+negro.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihE4qCJP4Y_vuYzCaOao2zwSvxLc89PMJ-OGkXwxsLS7uGmXug9cRT5rUN9ND2JwhE78z9nqA8msAbC76b2JkOjCmhrY66IydcmTT1Zga7UHa6EOn-nZmGos2jNjFHn1aIqOpUOoQqU3U/s320/separador+corazon+rosa.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcF2dS4gxVaXkE4ubwMP7gUXboamdzWpx4SOdY0vtVgjbwNZxLWdi1rw8Effu-mo6At4L9AR06ECjcPR0muarHjrsHJO54vbgNWAGvuhs0qdY1QtaP0HP2xhVT2d3llRIHAG_xapUVBUY/s320/separador+corazon+verde.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT51u8jVhNQTh3G3wjS35FVwLwvR_nAN2gbly0fJXig4M19Y3zbE-WmvQgWoaDhqA_EqBJNqmb9OHb32LHR-G-4Ys4yK9g3Wqg-PeowxlQKj6kRSx_f2cGm7liOJBfgf3isW7DxBm6ECA/s320/separador+del+pollito+.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPzNmGcal240ss4nD-hM8gMSskR4_msH9wEMfGvmnzeKP70UdJai9kEL-wx0IqX1X8SeGXT7XLDH5QLI-IBwopasPGtI5UEx7-rgCdkmjGv2XjqsunLzxwyG6toPjMKmvyf8NRqU9OF8w/s320/separador+puntitos+azul.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO49PLT0OGJCoJ4oEBXOgoQs8QCbsdzC9VEwsCMWq3uDVaPmwac0vntYLqYuAs6AvrQ46h4UgwUQAjMuwFeEYgzjD3G1F7N67-lLt44HLJ3MyZR465OvYXgJIq22nFaMRuEjA7VqUP9To/s320/separador+puntitos+morado.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizQZ8jk7Fhc3nnsw_kG43YDoDUJhgXHiNT1u9mykUd4KutBZblQ-GuePByVod_sBXacpdrLg6ZWLmJKOm5805JW074Owtjsam02savvv3ASgYVAqVVKBLSpyseN4BG_CtKkVknj68hpUw/s320/separador+puntitos+png.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSGDd8xuCE_CEh2LN5WV5jh3lUmk6Q1hyphenhyphenSvcu9Pu_MdK1LT8dYUJxga6VrVEq_lD0-y7omxvFYpQTFnGW7PYoEbf8M-K5SDfsju31cQAzUMPfuwWdyxeV1PNlXi0OEOwm1u70-fZkjPIU/s320/separador+puntitosverde.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgShEdAEYRBqIDN0ljL5EzkVSuTjSuQyT5gn5GdKXZqIlJFDkMh8Jl6Fs9oimdVPrif07TN7BNb2ZgsPHQUJgjOjsU0CguK3u_davFbDyZXSjLqbMLFrTAeGEsHouwLQAkcq6vQ0NR1qQM/s320/separador+vintage+1.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPjPqAvAgVG_D0zdmKKeMgI4cz28_OLM5SXVl0X3TIlBQ9591QnS-k6MHPQLLDb_Ykxsnj20lfqWKSTqU6VrfbPE-KIymkQV3DsO42g60Nzc49mhWHIiB2TjN6nTUMpb2PGLAoq3O18WY/s320/tijeras+png+1.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpzXIGe1ZPdfBTZlzdO9O0B0nSEaWvoTz4JEcUumb_6qvP_XA1ygn1MUSPkcn6JDeLery0f8d0RS6mVs1yj3HFOznYsTkNU4uT4RhUypi6ALOTlc4Ar3EUZvORn9JIH99XQ-GzOIQx-Y8/s320/tijeras+png+02.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj5Ls8oi6ILWOp2D5MQWH6Al-I1LfDNMzMi9QUYtLPAn7i_yRprSF-bpMJMKXg8lu1lW_ItDMNBe-F1vBnYo_QVuPX1FiQzetFe9OZUtlqMHaS5Yn4zWSySB_5mXTIIF8F4dGGJtauo_k/s320/tijeras+png+03.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBmGyHCSUL8mglDO12SllXSYK7oaZ_LTvbe2XZ6yLGQ7AJouDqtS-kxb6zHeP94KMAwYMjiNWebx7uoNBiE3P_rngxgz6FZE0UqDfNtyS6S107cz8ZYvf92YgEVspsT8RO1ctlSyo_pzY/s320/tijeras+png+04.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilGMt6XsRm31M2vNxNhNTZAX_F4k3oJL4K-B4VuGHD8BHyMNBs5qbMwDaA8hSNRVm6sju0xEBEpf6HwVjpYgZrTsukUyor_Nc81bu3bFVaFGWQA214xB2x06milv6xraNsSVkmm54j7Sc/s320/Tijeras+png+05.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoG_83qqmZi931iLsSaRAc2isEsRILTKvikD26CUWOjPooKQeYaE2XLpEPl4HpyytqJspGX5DadIOkzEChwi_QZqfItxmj_NjHtRhCHobCqHqKr-jeN3dqUyZwosIRJbARAE2JXq8N7lQ/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!!!!!!


8 comentarios

  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
  8. Muy buen tutoríal, aprende más sobre blogger siempre se agradece.
    Gracias por compartir.

    Diseño web corporativo profesional

    ResponderEliminar

Si comentas, te dejaremos un comentario en tu blog.

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

NO QUEREMOS URLS.

Si queréis QUE SIGAMOS VUESTRO BLOG COMENTAD UNA ENTRADA, SOLEMOS DEVOLVER COMENTARIOS y si nos gusta, OS SEGUIREMOS.

Atte. Lady Moustache, Atenea y Luna