11 junio 2013

[Tutorial] Básicos que todo blogger debería saber - 1 Boton mostrar o spoiler


Bueno, hoy no me apetecía poner otra reseña, y como veo que muchos blogs quizá no saben algunos truquillos he decidido compartirlos ;)

Los esenciales que voy a comentar estos días serán los siguientes, si alguien le apetece que hable de otro, y sé hacerlo, que me lo comente y miraré de ponerlo :) 
- Botón mostrar (spoiler)
- Leer más (salto de línea)
- Comillas (blockquote)
Aunque os parezca algo complicado es muy sencillo, y si alguien tiene alguna duda, ya sabe, que me avise.

Botón mostrar - Spoiler
Muchas veces estamos haciendo una reseña, y pensamos, uy, esto quizá sea un spoiler pero tengo de decirlo, ya que es importante, pero no sabes como ponerlo.
O tal vez, como yo, haces un listado y no te apetece que salga mucho texto y te gustaría ocultarlo.


- Hay dos formas, la más sencilla, y si es poco texto, puede servirte para lo primero, y es poner el texto de color blanco, y subrayarlo del mismo color, para cuando se pase el cursor por encima quien quiera puede leerlo.
Lo único, antes se tendría de avisar, ya que sino la gente no lo sabrá, por ejemplo: Spoiler:Voldemort es malo maloso.Fin del spoiler.

- La otra forma, es poner un lindo botoncito, que pone mostrar.
¿Cómo? Muy fácil, en serio, confiad en mí ;)



Y cómo quedaría? Ya lo habéis visto en este blog muchas veces, pero el resultado es el siguiente, incluso podéis decir, si es un spoiler, o si bien lo hacéis para ocultar mucho texto. 


Voldemort es el malo maloso de Harry Potter!!

*************
Espero que os resulte útil! :D Besos.
Pinkiland | 15:53 | | |
♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥

12 comentarios:

  1. Pues lo veo súper útil muchas gracias!!! A mi me gustaría saber cómo se pone el cuadrado con el código HTML, como en el que has puesto el ejemplo del botón. Muchas gracias, besos!!

    ResponderEliminar
    Respuestas
    1. Hola! Celebro que te sirva de ayuda.
      Pues lo que comentas, se le llama "textarea".

      <textarea>AQUÍ EL CÓDIGO</textarea>

      El código básico y simple es ese, luego se le pueden añadir estilos.
      Saludos!

      Eliminar
  2. Genial! Es muy útil, me lo guardo y seguro que lo utilizaré
    Muchas gracias guapi! Muuuuaks

    ResponderEliminar
  3. Gracias!!! No suel poner demasiados Spoilers pero si quiero soltar alguno impunemente ahora se como hacerlo :)

    Besos!!

    ResponderEliminar
  4. Me parece super-útil. Yo no tenía ni idea de como hacerlo, aunque no suelo poner spoilers, pero siempre viene bien :D
    ¡Besos!

    ResponderEliminar
  5. No soy de ocultar spoiler pero nunca está de más saberlo :) ¡gracias!

    ResponderEliminar
  6. Con lo lerda que soy con estas cosas, no te digo cómo me viene esto xD

    Besotes

    ResponderEliminar
  7. Me viene bien este tutorial, yo lo que hago es lo de poner la letra en blanco pero tengo que probar esto y a lo mejor lo empiezo a usar.

    ResponderEliminar
  8. No suelo poner spoiler y si lo hago lo pongo del mismo color del fondo, pero gracias, puede servir.
    Besos.

    ResponderEliminar
  9. Pues éste sí que lo voy a usar, que me parece muy útil para que algunas entradas no me queden kilométricas xD
    Gracias!

    Un beso! :)

    ResponderEliminar