¡Aprendamos a Bloggear! - Cómo poner un Blockquote

Hola hola!! Soy Cat y aquí estoy otro sábado con uno de mis tutoriales! El de hoy lo ha pedido Alba. Quiere que explique cómo poner esos cuadraditos que utilizan muchos bloggers para enmarcar frases o párrafos. Deciros que esos cuadraditos se llaman “Blockquote”. La verdad es que los puedes poner de diferentes formas, texturas, colores, etc. Y tengo que admitir que son un pelín complicados de poner pero poquito. ¡Ya veréis!

-¿Qué es un blockquote?-
Un blockquote es una separación con formas, colores e incluso imágenes de fondo, de ciertos párrafos o frases de un texto o en este caso un post.  Para que os hagáis una idea de que es os dejo una foto a continuación.

Click en la imagen para agrandarla

-¿Para qué sirve?-
Sirve para resaltar zonas concretas de un texto o para poner de una forma estética una cita o una frase.

 -¿Cómo ponerlo?-
La verdad es que es un poquito complicado, no el hecho de ponerlo si no de configurarlo en sí pero si seguís mis instrucciones tal y como os las voy a explicar resultará algo más sencillo, vamos al lío.

1. Hacer copia de seguridad a la plantilla HTML de vuestro blog. Para saber como hacerlo: ¡AQUÍ!
2. Plantilla > Editar HTML
3. Pulsar Ctrl+F y en el cuadro que saldrá escribir:  * Content
4. Justo debajo de la línea discontinua pegar el código del blockquote. Para conseguirlo y configurarlo a tu gusto según las instrucciones haz click ¡AQUÍ!
5. Guardar plantilla y listo!

Click en la imagen para agrandarla

-¿Qué debo hacer para que salga en algún post o en un párrafo en concreto?-
Supongo que algunos diréis: “Vale, lo he puesto pero como hago para que salga?”. Pues esto sí que es sencillo, mirad:

1. Escribir el texto.
2. Seleccionar lo que quieras enmarcar.
3. Clickar en las comillas.

Click en la imagen para agrandarla

Y ya está! Eso es todo, ¿a qué no ha sido tan complicado? Espero que os haya gustado, que lo pongáis y si tenéis alguna duda sobre este tutorial me mandéis un mail a cathiieh@gmail.com. También si os apetece pedirme algún tutorial en concreto podéis hacerlo ¡AQUÍ!

Nos vemos en dos semanas!
Mil besos!♥

19 comentarios

  1. ¡Muchísimas gracias! *-*
    Un besito♥

    ResponderEliminar
  2. Yo ya tengo uno, pero para quienes no saben ponerlo es un buen comienzo, luego con el tiempo se puede ir aprendiendo a modificarlo. Podrías en un futuro poner un code sobre eso
    un beso

    ResponderEliminar
  3. Yah, si has leído bien la entrada en el archivo del código que he compartido está todo totalmente explicado. Como configurarlo, las opciones que hay para hacerlo y demás...
    Un beso! :)

    ResponderEliminar
  4. Vaae!!! Eso esta genial, otros solo ponen un code para X entrecomillado, y luego hay que moverse para saber como poner uno nuevo.
    un beso

    ResponderEliminar
  5. muy interesante el tutorial, gracias ^^

    ResponderEliminar
  6. Ok, voy a hacerlo esta tarde, a ver cómo sale.
    Un beso pitufina ^^

    ResponderEliminar
  7. Siento comentar tan tarde pero es que estoy con cero de tiempo. ¡Me ha encantado esta entrada! Siempre he querido saber cómo se ponía esto, pero ni siquiera sabía su nombre, así que muchísimas gracias, Cat =)

    ResponderEliminar
  8. Hola!
    Me ha gustado mucho la idea, pero he buscado donde decíais * Content y no me salía.
    Si sabéis por qué puede ser u otra forma de hacerlo, mandadme un correo a jggamecho@gmail.com por favor.
    ¡Me encanta esta sección! Es muy útil. :))
    Besos,
    Moon.

    ResponderEliminar
  9. Madre mía me acabas de hacer feliz con esta entrada gracias a ti por fin he aprendido como hacer esto!
    GRACIAS GRACIAS *.*

    ResponderEliminar
  10. Cat, no puedo entrar al link de Dropbox. Dice que le pida al propietario que haga no sé qué. ¿Podrías arreglarlo?

    Besos y gracias.

    ResponderEliminar
  11. Hola Airi, lo hemos mirado y parece ser que es fallo Dropbox no nuestro. De todas formas estamos en ello y cuando lo solucionemos te avisamos.

    Un beso y sentimos las molestias!!
    :)

    ResponderEliminar
  12. Me encantan estos tutoriales, porque son sencillos y aprendo mucho jeje
    Igual podrías hacer un tutorial para que los títulos de los diferentes gadgets salieran como dentro de una cajita en plan blockquote. Te lo agradeceria mucho.

    Besitos

    ResponderEliminar
  13. ¡Hola, Cat! Cuando pongo "*Content" no me sale nada, lo mismo me pasa con tu último tutorial cuando lo pongo en el cuadro.
    ¡Besos!

    ResponderEliminar
  14. He intentado poner el codigo ds veces y no pasa nada ¿Por que?

    ResponderEliminar
  15. ¡Hola Feña!
    Comprueba que has seguido debidamente los pasos citados en el post. Y que has marcado el texto al escribir el post con el icono " que se encuentra en el menú de escritura de blogger al editar una entrada.

    Un saludo!! :)

    ResponderEliminar
  16. Yo también lo he seguido paso a paso y no me aparece nada. Y he repetido el proceso varias veces, asegurándome de haber marcado el " , alguien sabe por qué?

    ResponderEliminar
  17. Tengo una duda. Cuando escribo * Content, no me aparece nada, me pone 0 de 0. ¿Que hago?

    ResponderEliminar

Los comentarios serán eliminados si:

- Contiene faltas de respeto.
- SPAM.

¡Muchas gracias por tu comentario!

Seguidores