ACERCA DECONTACTO

Tutoriales (5) – Personalizar blockquotes.

22 junio 2013

¡Hola!
Hoy salgo, pero antes, los dejo con este tutorial que lo van a encontrar super útil, créanme(:
Porque en serio, los blockquotes le pueden dar un toque elegante y/o alegre al blog, si los sabes usarr sabiamente, claro ;)
¿Quieres aprender algo nuevo para hacer que tu blog se vea hermoso? Esta es tu sección. (o incluso, ¡puedes ayudar a los demás a embellecer su blog mandándome un tutorial tuyo!)
En este tutorial les enseñaré a personalizar su blockquote.
El blockquote se pone con esas comillas que están casi al final hasta la derecha de la barra de herramientas cuando creas una entrada, son las comillas.
Y esto es lo que es el blockquote:
Hola, estoy dentro de un blockquote :o
Personalizarlo es muy sencillo.
Solo sigan estos pasos…
Ir a Plantilla ➜ Edición Html
Buscar ➜ /* Posts
(*código, me comí una o)
Agregar código ➜

Y ya abajo les explico como personalizarlo(:
Si quieres redondear las esquinas agrega ➜

Click aquí para ir a una página donde te dicen el código html del color que quieras.
Y creo que es todo.
Cualquier duda, ya saben (me explico bien en las imágenes pero estan algo confusas haha) ;)
P.s. también se puede agregar una imagen de fondo… pero no recuerdo como, si lo quieres hacer dime y ya te investigo bien(:

19 comentarios:

  1. Yo recuerdo que si querías poner diferentes estilos se podía, pero nunca pude hacerlo e_e así que solo uso uno.
    Muy buen el tutorial.
    Saludos!

    ResponderEliminar
    Respuestas
    1. Si, lo he visto en varios blogs, pero ni idea de como la verdad hahaha
      Pero a mi me gusta así, un solo estilo sencillo que no hará que tu plantilla sea lenta y que de un poco de personalidad al blog(:
      ¡Gracias!

      Eliminar
  2. Pues más adelante quizás me animo es que me da mucho miedo toquetear T.T.

    ResponderEliminar
  3. Yo ya sabía cómo hacer esto, pero igual gracias por los tutoriales :D

    Saludos!!

    ResponderEliminar
  4. yo no sabia!! ERES MI SALVACION!! un saludito!!

    ResponderEliminar
  5. asdfsajfa! Esto no lo sabía y siempre he querido hacerlo... ¡Muchas gracias por el tutorial! :D

    ResponderEliminar
  6. Yo apenas hice el mio,
    le da un aspecto distinto al blog.
    Tu lo explicas muy bien :)
    Cuidate!

    ResponderEliminar
  7. Gracias por el tuto ~U~ Me viene muy bien jaja porque el BQ de mi blog es horrible, mil gracias Saludos!

    ResponderEliminar
  8. Antes que nada muchas gracias por el tutorial, ya lo he puesto en mi blog y me encanto!
    La verdad es que llevaba tiempo investigando un poco sobre como realizarlo pero en con ningún otro tutorial aprendí, muchas gracias :)

    ResponderEliminar
  9. ¡Muchaas gracias! quería hacer esto y no sabía :D

    ResponderEliminar
  10. ¡YEIH!
    Muchas Gracias, estaba buscando tutoriales acerca de eso y no encontraba.
    Enserio, gracias.
    Saludos.

    ResponderEliminar
  11. Buenas :3
    Acabo de descubrir tu blog a través de los tutoriales. Me gustaría comentarte una duda: intento poner en negro el borde pero me es imposible. Me sale gris :C

    He usado el código de #000000 para ello, pero nada. ¿Sabes a qué se debe?

    Un saludo ¡y mil gracias por tus aportes! :D

    ResponderEliminar
    Respuestas
    1. Tal vez deberías quitarle algunos ceros. Ponle solo tres #000
      Y sino sirve, pon el código así:
      #000 ¡important;
      Si eso no sirve… entonces tendría que ver el código o así, porque sino no sé…

      Eliminar
  12. Te adoraré siempre por tus tutoriales, acabo de verlos todos y cualquiera diría que los has hecho especialmente para mi porque eran cosas que llevaba siglos buscandoo. Creo que voy a llevar a cabo por lo menos tres =D. Buah es que soy super torpe y no se el nombre específico de las cosas, entonces me cuesta horrores encontrar tutoriales en internet concretamente de lo que quiero, siempre me sale algo diferente u.u'. No se si será posible, pero si no se te ocurre de que hacer el siguiente ¿Podrías hacer sobre como cambiar el estilo de los títulos de los gadgets?, así, solo por si no se te ocurre =D *no es ninguna indirecta ni nada* :D:D:D.

    Nah, fuera de bromas, muchas gracias por tus tutoriales, espero aclararme, yo y mi torpeza. Ya te iré diciendo que tal ;D

    Besootess

    ResponderEliminar
    Respuestas
    1. Hahaha, tenía que hacerlos, cuando empecé blogger también era malísima y no encontraba nada, entonces ponerlos aquí en mi blog es una buena forma de ayudar, mi pequeño grano de arena en internet(:
      Si puedo hacer ese tutorial pero no prometo cuando, porque soy un desastre en estas cosas.

      Eliminar
  13. Muchas gracias, tenia tiempo que queria hacer eso pero no sabia como.

    Un beso!

    ResponderEliminar
  14. ¡Me encantan tus tutoriales!
    Aunque he intentado hacer lo de los bordes redondeados y no me sale...

    ResponderEliminar
  15. muchas gracias por el tutorial <3
    y el código para poner una imagen de fondo es el siguiente(yo lo probé y funciona):
    background-image: url(CÓDIGO DE LA IMAGEN);
    un beso y gracias de nuevo!

    ResponderEliminar

“I am so clever that sometimes I don't understand a single word of what I am saying.” (Wilde)

Real me por Andrea |19.06.10