Come inserire nel blog una textarea trasparente.

Non so se sia più appropriato usare il maschile o il femminile. Nel dubbio opterò per il secondo. La textarea è un tag HTML che permette di generare un box in cui inserire del testo per potere essere copiato più facilmente dai lettori. Viene molto usata nel caso di codici di antipixel o banner che vengono offerti ai navigatori per creare collegamenti al nostro sito.

Coloro che usano Windows Live Writer hanno delle difficoltà a inserire una textarea in un articolo perché questo software della Microsoft non sempre la interpreta correttamente. Fortunatamente non ci sono invece problemi con l'Editor di Blogger anche con la sua versione più datata.

Fino a qualche mese fa, noi utenti di Blogger, per mostrare solo i riassunti degli articoli in Homepage, usavamo una personalizzazione chiamata degli Articoli Sintetici. Adesso con l'avvento del Read More è diventato un sistema largamente obsoleto. Questo metodo si basava tra l'altro sull'inserimento del codice <span id="fullpost"> nel punto esatto in cui si voleva mostrare il post in Homepage.

Sfruttando questo stesso tag è possibile creare un tipo di textarea trasparente che può essere postata anche con WLW. Ecco il codice che può essere utilizzato

<span id="fullpost"><div align="center"><pre style="overflow: auto; width: 420px; height: 180px;"><div align="left"><span >
INSERIRE PURO TESTO O CODICE HTML DI UN POST, DI UNA IMMAGINE, DI UN COLLEGAMENTO
</span></div></pre></div>

Rispetto alla textarea vista nell'articolo linkato, con questo codice si possono inserire nel box anche interi post corredati da collegamenti e immagini. Occorre farlo in Modalità HTML. Forse è il caso di fare un paio di esempi

Questo è un esempio di un semplice testo inserito in una textarea trasparente. In questo caso non occorre altro che incollare il testo nell'apposita posizione. Si possono personalizzare le dimensioni della textarea e le barre di scorrimento si creeranno automaticamente. Tutto il codice va poi incollato in Modalità HTML nell'editor di Blogger o in Origine se si usa WLW. 

Questo codice è stato incollato in Modalità HTML ed è formato solo da testo. Nel caso volessimo inserire anche delle immagini o dei collegamenti se ne può acquisire il codice e incollarlo al posto del testo evidenziato di rosso. Per esempio il codice che rappresenta una immagine potrebbe essere questo

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwl4RaEAz5GZQXUBbxmbFCCMnXcVRDTeSs7Za_v_2TwHDovLp5pWLFon0myv3JZzTu1tka4yax9DmHUCyPkjjJ1P2IOQghbf_tCeiRzhwu1MMqQ6DWazPb1L91c07zHqLnHZ4abquRJv8/" title="penna" alt="icona penna"/>

che incollato insieme a del testo può generare quest'altra textarea

  è l'immagine che ho utilizzato come icona per la personalizzazione dell'aggiunta di una immagine prima di ogni titolo del blog. L'articolo si trova all'indirizzo http://www.ideepercomputeredinternet.com/2011/01/inserire-una-immagine-prima-del-titolo.html
 

Mi rendo conto che questo strumento può essere utile solo ai lettori più esperti.