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.
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.
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!
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¿¿lo conseguiste?? ¡¡espero que si!! :)
EliminarSegundo intento... aisss! Juro que he seguido los pasos y sigo sin verlo, jum!
EliminarTú puedes verlo? Lo he cambiado por otro, pero desde mi pc, sigo viendo la dichosa crucecita. grrr!
¿Pero encontraste el codigo?
Eliminar¿Que navegador usas? Yo con chrome lo veia perfectamente, nena... cuando llegue a casa lo miro :)
Siii! no lo veo ni con Chrome, ni con el explorer... qué paciencia tienes, amiga! ^^
Eliminarahora 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
EliminarCelia, 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.
ResponderEliminarpara esta semana tengo varios preparados ;)
EliminarBesitos!!
Que bonitos te han quedado me encantan voy a intentar ponerlos y te avisare besitos y gracias por compartir !!!!!!
ResponderEliminar¡¡me alegra mucho que te gusten, guapa!!
EliminarBesotessss
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?
ResponderEliminarGracias por compartir! :)
Besitos desde USA
Angel11-11
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 ;)
Eliminar¡¡Besos!!
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^^
ResponderEliminarBesos!
¡¡Ya me contarás si te animas!! ;)
EliminarBesos
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?
ResponderEliminarBESITOS.
Ups perdón por las mayúsculas!!
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í ;)
EliminarBesos!
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?
Eliminargracias a ti he podido ponerlo y estoy tan feliz!!!!
ResponderEliminarun 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!!
¡¡Me alegro mucho!! :D
EliminarGracias ♥
Gracias!!!! por fín!
ResponderEliminarHe 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
¡¡genial!! Me alegra haberte ayudado :)
EliminarPor cierto, ¡vaya pinta el granizado! con el calor que hace, ¡madre mia!
Feliz jueves ;)
Celia mil gracias por el post!
ResponderEliminarLo hice y no me gusta nada como ha quedado, qué puedo hacer para quitarlo??
Hola AV, solo tienes que buscar el código de la imagen que instalaste y borrarlo de tu plantilla :)
EliminarHola 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... :(
ResponderEliminarHola 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¿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:( confio en ti!!
ResponderEliminar¡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?
EliminarTiene solución, ya verás... pero hay que tocar la plantilla jijiji
¡Besos y gracias!
pues yo pulso ctrl + F y no me aparece mingún buscador..:S
ResponderEliminarPues a mi no me encuentra ninguno de los dos!
ResponderEliminariregumy@gmail.com
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
ResponderEliminar¡Feliz tarde! :)
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¡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¡HOLA! he intentado con las dos y no me aparece nada:(
ResponderEliminar¿Qué puedo hacer?
Me ha salido a la perfección. Muchas gracias por el trabajo que haces!
ResponderEliminar¡¡Dudas resueltas en la Consultoría Mensual!!
ResponderEliminarBusca tu respuesta --> http://www.elperrodepapel.com/2015/01/consultoria-blogger-resolviendo-dudas.html
¡Feliz sábado! :D
¡Hola!
ResponderEliminarTenia muchos problemas para colocar el separador de entradas y de pronto llegas tú y tú mágico blog.
Gracias por la ayuda.
Un abrazo
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?
ResponderEliminarGracias!
¡Hola, Verónica!
EliminarLo siento pero este tutorial es solo para blogger, tal y como indica el título ;)
¡Gracias y feliz semana!
Cómo colocas la parte de también te gustará? :(
ResponderEliminarMuchas 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 :)
ResponderEliminarTe dejo el enlace por si quieres pasarte a ver como ha quedado ;)
http://libroselmejorescapedelarealidad.blogspot.com.es/
Besos!!^^
Hola, Celia,
ResponderEliminarUna 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!