Come nascondere sfondo e bordi in una immagine di Blogger.

Come togliere sfondi, bordi e ombreggiatura da una singola immagine in un post o nel modello di Blogger.

Nei modelli di Blogger più recenti si possono personalizzare i colori dello sfondo e del bordo di tutte le immagini inserite nei post. Per configurare questi parametri, dopo aver salvato il template, si va su Modello > Personalizza > Avanzato > Immagini e si scelgono, utilizzando le apposite tavolozze, il Colore dello Sfondo, il Colore del Bordo e il Colore del Testo della Didascalia. Per rendere le modifiche effettive bisogna andare in alto a destra su Applica al blog.

Se non ci piacciono bordi e sfondi nelle foto possiamo selezionare il colore #FFFFFF per tutti e due i parametri. In alcuni modelli pur con queste impostazioni non si riesce a eliminare del tutto la cornice alle foto. Si può però aggiungere un CSS al modello per risolvere la questione in modo più radicale.

Veniamo infine alla esigenza che mi ha indotto a scrivere questo articolo. In un commento mi è stato fatto notare che l'inserimento di una firma al di sotto di tutti i post venisse mostrata con sfondo e bordo essendo trattata esattamente come tutte le altre immagini. In questo caso la cornice della immagine non solo non serve ma è esteticamente negativa. Si può ovviare optando per una firma animata visto che alle immagini in GIF non vengono applicate cornici di default come per gli altri formati. Vediamo come fare in una situazione generale.

COME ELIMINARE IL BORDO E LO SFONDO DA UNA FOTO

Vediamo come si possa nascondere sfondo, bordo e ombreggiatura da una singola immagine pubblicata lasciando invariate tutte le altre. Il codice per postare una foto è il seguente

<img src='URL_Immagine' alt='Nome-immagine' />

dove naturalmente dovrà essere incollato l'URL della immagine caricata su Picasa. Il tag Alt con il nome delle immagine serve invece per questioni SEO e è il testo alternativo che viene visualizzato dai browser che non riescono a aprire la foto.

Il codice precedente può essere a sé stante oppure inserito in un blocco di codice più ampio come nel caso della firma da inserire sotto i post. L'obiettivo è avere questo risultato

Per ottenerlo basta sostituire il codice precedente con questo

<img alt='Nome_immagine' src='URL_immagine' style='border: none !important; padding: 0 !important;' />

dove è stato semplicemente aggiunto il codice colorato di viola. Le altre immagini pubblicate negli articoli resteranno tutte con bordo e sfondo come prima della modifica. Tale codice può essere usato in un post oppure anche incollato nel modello in caso appunto di firma o di icone in genere.