viernes, 19 de agosto de 2016

Poner separadores entre las entradas | Tutoriales



Hola, el día de hoy les traigo un nuevo tutorial, espero les guste, mucho éxito  y un abrazo muy grande.

Separadores para entradas con imágenes 

Antes que nada les aconsejo que antes de modificar algo en el html hagan una copia de seguridad (Lo digo por experiencia). Pero no se preocupen todo es cuestión de seguir los pasos correctamente.



Una vez dicho esto, es muy fácil solo debemos ir a Plantilla Editar HTML , lo siguiente es poner el puntero dentro de la caja de HTML y presionar las teclas Ctrl+F y debemos pegar el siguiente código en la cajita de búsqueda que nos aparecerá:


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


Lo ven, nos aparecerá remarcado en amarillo , bueno debajo del código pegamos lo siguiente:

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

 y colocamos el url de la imagen , hice estos separadores , pueden descargarlos o hacer los suyos.













Separadores para entradas con líneas 

Cuando busquemos el código <b:include data='post' name='post'/> , en lugar de poner  <center><img src='URL de la imagen'/></center> , ponemos el siguiente código.

<hr style="align:center; background:#FFA07A; border:0px ; height:5px; width:60%;" />

Y aquí el resultado , con background pueden modificar el color (Colores hexadecimales), con  width pueden modificar el ancho y con height la altura.





Dejen en los comentarios que otro tutorial les gustaría, suerte y ¡nos estamos leyendo!




9 comentarios:

  1. Gracias por estos tutoriales, realmente son de mucha ayuda :)

    ResponderBorrar
  2. ¡Hola! Me ha venido muy bien el tutorial.
    Un beso^^.

    ResponderBorrar
    Respuestas
    1. Holaaa! gracias por el tuto, soy pésima editando las plantillas pero pondré en práctica lo que compartiste, ya que queda muy bonito en el blog. Como sugerencia para tutorial: Sabes como poner varios gif en un mismo widget? lo he visto en blogs pero ni idea como hacerlo ☹
      Nos leemos! Un abrazo :)

      Borrar
  3. ¡Adoro los tutoriales! Te has convertido en mi blog favorito de tutoriales, ya que lo explicas taaaaan sumamente bien, de verdad. Te guardo en favoritos y todo jajaja Yo tengo una sección similar que se llama 'Aprende' y a ver si pronto subo alguna cosita más! Besotes ^^ Me ha encantado, enserio!
    PD: Me encantaría un tutorial sobre cambiar el diseño del gadget. Es decir, solo le podemos poner color, no? Pues poder meterle como una especie de fondo ^^ Un besote!

    ResponderBorrar
  4. ¡Hola!
    Me ha parecido un tutorial fantástico. Soy nueva por aquí, así que me encanta que compartas tus conocimientos con los demás.

    Un saludo!!

    ResponderBorrar
  5. Gracias por compartir lo que sabes!

    Eliza.
    lettersbyeliza.blogspot.mx

    ResponderBorrar

El blog se alimenta de los comentarios,estaré muy agradecida de leer tu opinión, pero recuerda:"Siempre hay que ser respetuoso con los demás".