Instalar separadores entre las entradas de Blogger


El post de hoy, una vez más, es en respuesta a vuestras solicitudes por correo. Ya sois varios los que habéis contactado conmigo para preguntarme de que manera pueden instalarse separadores entre las entradas del blog, es decir, no dentro de la misma entrada para separar texto y hacer más amena la lectura, sino entre entrada y entrada, como tengo yo el lazo azul.

Es muy sencillo, tenemos que tocar un poco la plantilla HTML de Blogger pero os aseguro que nada importante. 


1.- Entramos en el panel de Blogger: Plantilla ---> Editar HTML.

2.- Pulsamos Ctrl + F simultáneamente y nos aparecerá un buscador a la derecha. Pegamos el siguiente código:

<b:include data='post' name='post'/>

si no lo encuentra, probad solo con esta parte del código:

include data='post' name='post'

(Gracias, Mamen, por tu duda)




















3.- Justo debajo de él, pegamos:

<center><img src='URL de la imagen'/></center>












4.- Sustituimos donde pone 'URL de la imagen' por la dirección de nuestra imagen. Guardamos ¡y listo!








Ya debería aparecer el separador entre vuestras entradas.

El separador tenéis que subirlo a alguna web que aloje imágenes en internet para que os facilite la URL, podéis usar Dropbox como os explico en esta entrada.

Aquí os dejo una selección de separadores muy sencillos que he diseñado por si queréis usarlos. Podéis descargarlos y subirlos vosotros mismos a un sistema de almacenamiento de archivos en la nube o copiar directamente el código, ¡prometo no borrarlos! Así que no os preocupéis que no desaparecerán de vuestro blog en ningún momento.





Instalar separadores entre las entradas de Blogger






















































Estoy diseñando otra colección de separadores más elaborados y con texturas, cuando estén listos los subiré también. A mi me gustan más los sencillitos, que no restan importancia al texto, que debe ser lo realmente importante en un Blog, pero para gustos... ¡los colores!





Suscríbete a mis entradas por email ¡para no perderte nada!





♥ Las recibirás en tu bandeja de entrada el mismo día que sean publicadas ♥






Comentarios

  1. Aisss! qué bien me viene esta entrada! A ver si consigo quitar mi crucecita roja y pongo mi propio separador. Gracias Celia, una vez más =)

    ResponderEliminar
    Respuestas
    1. ¿¿lo conseguiste?? ¡¡espero que si!! :)

      Eliminar
    2. Segundo intento... aisss! Juro que he seguido los pasos y sigo sin verlo, jum!

      Tú puedes verlo? Lo he cambiado por otro, pero desde mi pc, sigo viendo la dichosa crucecita. grrr!

      Eliminar
    3. ¿Pero encontraste el codigo?

      ¿Que navegador usas? Yo con chrome lo veia perfectamente, nena... cuando llegue a casa lo miro :)

      Eliminar
    4. Siii! no lo veo ni con Chrome, ni con el explorer... qué paciencia tienes, amiga! ^^

      Eliminar
    5. ahora no veo nada, nena, ¿lo has quitado? no está el de antes y tampoco veo cruz roja en su lugar. Estoy con firefox porque chrome me está dando problemas desde esta mañana :S

      Eliminar
  2. Celia, qué bonitos, yo seguro que me pongo alguno, esperaré a los otros a ver cuál me gusta más. A mi también me gustan sencillos, como a ti. Un besico y mil gracias por compartirlos.

    ResponderEliminar
  3. Que bonitos te han quedado me encantan voy a intentar ponerlos y te avisare besitos y gracias por compartir !!!!!!

    ResponderEliminar
  4. Que lindas ideas! Ya que eres experta en estas cositas tan lindas que hacen ver nuestro blog lindisimo con nuestro toque personal, el poner tantas cositas no hacen que nuestro blog demore un poquitin al abrirlo?

    Gracias por compartir! :)

    Besitos desde USA
    Angel11-11

    ResponderEliminar
    Respuestas
    1. Si tienes instalado alexa te dirá cuanto tarda en cargar tu blog :) Pero vamos, el mio tiene muchas imágenes y carga muy rápido, si no metes mucho código no tiene porque ir lento ;)

      ¡¡Besos!!

      Eliminar
  5. Gracias por tu explicación de cómo ponerlo en el html, me lo guardo en favoritos por si un dia me da por ponerlo^^

    Besos!

    ResponderEliminar
  6. CELIA ME INTERESA MUCHO ESTE TUTORIAL, PERO EN MI PLANTILLA NO APARECE ESTE CÓDIGO QUE DICES Y NO PUEDO AÑADIR EL ARTILUGIO!! ME PUEDES ECHAR UN CBLE CUANDO PUEDAS?
    BESITOS.


    Ups perdón por las mayúsculas!!

    ResponderEliminar
    Respuestas
    1. Hola guapa, a Mamen también le pasa, voy a mirarselo en estos días a ver que sucede, porque a mí si que me aparece en la plantilla, buscándolo de las dos maneras. ¿Qué plantilla tienes tu? Yo uso la simple/sencilla de Blogger. No sé si eso tendrá algo que ver, cuando descubra lo que pasa te cuento. Si quieres envíame email por si no ves los comentarios por aquí ;)

      Besos!

      Eliminar
    2. Guapa, antes de abrir el buscador, haz clic en cualquier zona dentro de tu html. Luego pulsa Control + F y se abre el buscador interno de la plantilla... Tal vez estabas abriendo el buscador web en vez del de la plantilla?

      Eliminar
  7. gracias a ti he podido ponerlo y estoy tan feliz!!!!
    un millón de gracias!!
    PD.por tu ultimo comentario respecto a que no daba ningún resultado me ha pasado lo mismo y como bien dices haciendo clic dentro del HTML y dándole luego a Ctrl+F a aparecido y genial!!

    ResponderEliminar
  8. Gracias!!!! por fín!

    He encontrado tu blog por casualidad después de intentarlo con otros... y menos mal!
    Me has ganado como seguidora!
    Si queréis ver como ha quedado aquí está mi recién estrenado blog www.naturtartes.blogspot.com

    ResponderEliminar
    Respuestas
    1. ¡¡genial!! Me alegra haberte ayudado :)

      Por cierto, ¡vaya pinta el granizado! con el calor que hace, ¡madre mia!

      Feliz jueves ;)

      Eliminar
  9. Celia mil gracias por el post!
    Lo hice y no me gusta nada como ha quedado, qué puedo hacer para quitarlo??

    ResponderEliminar
    Respuestas
    1. Hola AV, solo tienes que buscar el código de la imagen que instalaste y borrarlo de tu plantilla :)

      Eliminar
  10. Hola Celia, yo lo llevo intentando desde ayer, sigo todos los pasos y no hay manera. Cuando lo intento me sale esto: "More than one widget was found with id: HTML2. Widget IDs should be unique". ¿Qué hago mal? Jooo. soy una negada para esto... :(

    ResponderEliminar
    Respuestas
    1. Hola Ecosenda... nunca me ha volcado ese error... pero me da que lo estás poniendo donde no es, ya que parece que tienes otro widget con el mismo id, asegurate de ponerlo justo debajo de b:include data='post' name='post'

      Eliminar
  11. ¿y como hago para reducir espacio entrela imagen (separdor) y el siguiente post? es que entre post y post puse un separado (en mi caso una imgen con huellas d eperrito), pero no se porque hay mucha separación desde donde ternima un post y empieza el otro, no se si habría manera de reducir espacio..

    ResponderEliminar
  12. Respuestas
    1. ¡Hola Belén! Es complicado explicarlo en un comentario, sobre todo porque hay algunos códigos que Blogger no permite añadir en comentarios. Pero tranquila que me apunto tu duda y dedicaré una entrada especial al tema de la separación de entradas ¿vale?

      Tiene solución, ya verás... pero hay que tocar la plantilla jijiji

      ¡Besos y gracias!

      Eliminar
  13. pues yo pulso ctrl + F y no me aparece mingún buscador..:S

    ResponderEliminar
  14. Pues a mi no me encuentra ninguno de los dos!
    iregumy@gmail.com

    ResponderEliminar
  15. Chicas, mirad que se abra el buscador interno de la plantilla de blogger, no el buscador de vuestro navegador. hacer click en cualquier parte, dentro del código de vuestra plantilla, y luego pulsad Control + F

    ¡Feliz tarde! :)

    ResponderEliminar
  16. Hola Celia. He hecho todo como explicas y he utilizado una de tus barras, pero en vez de aparecer entre las entrada, aparece al final de cada entrada. Cuando puedas, me puedes decir que he hecho mal. Gracias.

    ResponderEliminar
  17. ¡Celia me has salvado la vida! llevaba ayer todo el día intentando separar mis entradas, espero que me salga y poder pasarte mi blog para que veas como me ha quedado!

    ResponderEliminar
  18. ¡HOLA! he intentado con las dos y no me aparece nada:(
    ¿Qué puedo hacer?

    ResponderEliminar
  19. Me ha salido a la perfección. Muchas gracias por el trabajo que haces!

    ResponderEliminar
  20. ¡¡Dudas resueltas en la Consultoría Mensual!!

    Busca tu respuesta --> http://www.elperrodepapel.com/2015/01/consultoria-blogger-resolviendo-dudas.html

    ¡Feliz sábado! :D

    ResponderEliminar
  21. ¡Hola!
    Tenia muchos problemas para colocar el separador de entradas y de pronto llegas tú y tú mágico blog.
    Gracias por la ayuda.
    Un abrazo

    ResponderEliminar
  22. Quiero ponerlo en mi blog, pero es wordpress y no soy capaz de encontrar el código css adecuado para poder hacerlo... ¿Me podrías echar un cable?

    Gracias!

    ResponderEliminar
    Respuestas
    1. ¡Hola, Verónica!

      Lo siento pero este tutorial es solo para blogger, tal y como indica el título ;)

      ¡Gracias y feliz semana!

      Eliminar
  23. Cómo colocas la parte de también te gustará? :(

    ResponderEliminar
  24. Muchas gracias!!! Me ha dado algunos problemas al subir la imagen desde dropbox, pero probé en el servidor que pusiste tu y ya solucioné el error :)

    Te dejo el enlace por si quieres pasarte a ver como ha quedado ;)
    http://libroselmejorescapedelarealidad.blogspot.com.es/

    Besos!!^^

    ResponderEliminar
  25. Hola, Celia,
    Una duda, aunque no está muy relacionada con este post... ¿cómo podría poner un separador entre los post y el lateral de los gadgets? en algunas plantillas viene por defecto, pero no en la que estoy usando y me gustaría ponerlo.

    Muchas gracias!

    ResponderEliminar

Publicar un comentario



¡Anímate a comentar! ♥Tu opinión es muy importante para mí♥