martedì 27 settembre 2011

Inserire SPOILER nei post di Blogger

Basta modificare il contenuto dell'articolo in modalità HTML ed inserire dove si vuole il seguente codice:

<div style="margin-top: 5px; text-align: left;">
<input onclick="if (document.getElementById('div1').style.display != '') { document.getElementById('div1').style.display = ''; } else { document.getElementById('div1').style.display = 'none'; }" style="margin-top: 5px;" type="button" value="TESTO DEL PULSANTE" />
</div>
<div style="border: 1px inset; margin: 0px; padding: 6px;">
<div id="div1" style="display: none;">
TESTO DELLA CASELLA SPOILER
</div>
</div>

e sostituire le parti in grasseto con il testo desiderato, in particolare, se volete inserire più spoiler in un unico post, sostituire div1 con un id univoco per ogni spoiler del post.

3 commenti:

  1. Grazie mille ;)e complimenti per il blog ricco di informazioni utili.

    Ho provato ad inserire due spoiler nel medesimo post utilizzando il codice come da te indicato. Il primo, copmntenente un rapporto avinaptic relativo a un film, viene visualizzato correttamente. Il secondo, con all'interno il link di un servizio hosting non viene aperto. Dipende forse dal fatto che contiene all'interno un link? Esiste un modo per ovviare al problema?
    Grazie ancora.

    RispondiElimina
    Risposte
    1. Ciao Karg,
      il problema non era il link bensì il codice, in parte rieditato partendo da un esempio che operava facendo una sorta di ricerca dell'elemento DIV da mostrare/nascondere, ma se si inseriscono più spoiler nello stesso post il codice non funzionava a dovere.
      Ho modificato il codice in maniera tale che la funzione mostra/nascondi operi sull'elemento con un determinato id che dovrai assegnare (nel nuovo codice esempio è "div1").

      Elimina
  2. ma quale div dobbiamo modificare quello all'inizio , quello alla fine , o tutti è diue ?

    RispondiElimina