Tutorial: Como crear separadores para tus posts con PicMonkey


Hoy tengo un tutorial requetecontrasuper fácil.
Vamos a hacer un separador para poner en nuestro blog entre post y post.
Algo así...




Como primer paso crear la imagen o elegir una de Internet (acá unos muy lindos).
Yo lo hice con Picmonkey. El tamaño depende del ancho de tu blog, el que yo hice tiene 650 x 50px.




Una vez que tenemos la imagen, subirla a Photobucket y después copiar la url de la imagen...


Pero antes vamos a entrar a nuestro blog, luego a "Template" y después a "edit HTML".




Y cuando estamos ahí presionar CTRL F (en PC) o CMD F (en Mac). Nos aparecerá un campo de búsqueda y ahí escribimos lo siguiente:

include data='post' name='post'/>


y apretar "enter". Nos va a aparecer esta frase remarcada con color, así...


Inmediatamente debajo de esto, vamos a escribir lo siguiente:

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


y reemplazamos "URL de tu imagen" por la dirección de la imagen que copiamos de Photobucket. Ojo con borrar símbolos o agregar o quitar espacios (como este < >).

Guardamos el cambio y listo!!!.

¿No es reeeee fácil???.

Loli

17 comentarios:

  1. Todo este bello cambio de imagen lo hiciste con el monito???? que grosa eres!
    Yo todavia no incorpore el Quizas tambien les interesa", deberia de hacerlo no?
    Me gusto tu separador y el tutorial perfecto.
    Buena semana Loli!

    ResponderEliminar
    Respuestas
    1. Muchas gracias Dani! PicMonkey es lo mas!! Beso grande!!

      Eliminar
  2. SISISISIS!! lo pude hacer!! gracias Loli!! amo estos post para hacer mas lindos nustros blogs! no me gusta la imagen que elegí para mi separador, pero estaba apurada por probarlo!! ahora me meto de nuevo y cmabio el diseño!
    mil gracias!

    ResponderEliminar
    Respuestas
    1. Me alegro Vicky!! Que bueno que te haya salido!! Besos!!

      Eliminar
  3. Me voy a tener que lanzar con ésto también!! Esto debería llamarse "Pimp my blog!" jajajaja

    ResponderEliminar
    Respuestas
    1. Me encantó la idea de "Pimp my Blog! jaja. Me alegro mucho Marce que te sirva el tutorial!! Besos!

      Eliminar
  4. Uhh que bueno!!!! gracias por compartir éste tutorial, está bueno incorporar pequeños detalles a nuestro blog que aportan diseño! me encantó! Lo voy a aplicar y te cuento..

    Angie

    ResponderEliminar
    Respuestas
    1. Me alegro mucho Angie que te sirva! Es la idea! Gracias por pasar!! Besos!!

      Eliminar
  5. Lo estoy intentando hacer pero creo que tu explucación no aplica con Wordpress, solo con blogger, right? http://blogdenuria.com

    ResponderEliminar
    Respuestas
    1. Si Nuria, tenés razón, aplica sólo para blogger. Buscá en google que seguro encontrás tutorial para wordpress!! Besos y muchas gracias por pasar!!

      Eliminar
  6. y como hago para reducir espacio entre la ultima entrada y imagen del separador. Gracias

    ResponderEliminar
    Respuestas
    1. Hola Belén! Estoy preparando otro post con ese tema! Muchas gracias por tu consulta!! Besos!

      Eliminar
  7. Thank you so much for linking to my borders! ❀ ❀
    ♡ Sandra

    ResponderEliminar
  8. En la entrada de mi blog no aparece el texto que dices que hay que buscar. ¿Me puedes ayudar?
    milagros.caballe@gmail.com

    ResponderEliminar
    Respuestas
    1. Ya te mandé un mail! Espero que te sirva!! Besos!!

      Eliminar
  9. Hola! Soy nueva por tu blog y he venido para quedarme:)! Me ha gustado mucho tu entrada, un beso enorme! Espero que tu te puedas pasarte por mi blog y asi poder leernos y darnos a conocer en este mundo tan extenso como es la blogosfera!

    ~~julietta~~ de el blog: https://unasmaravillasdelibros.blogspot.com.es/

    ResponderEliminar

Lote 93. Todos los derechos reservados. © Maira Gall.