Come eliminare ombre e bordi dalle immagini di Blogger.

Come togliere ombreggiature e bordi dalle immagini e dalle miniature degli articoli di Blogger.

In taluni modelli di Blogger sono presenti dei CSS che inseriscono automaticamente dei bordi e delle ombreggiature in tutte le immagini che vengono postate. Questo accade per i template scaricati in rete ma anche per quelli ufficiali personalizzati con il Designer Modelli di Blogger.

Anche se si va su Modello > Personalizza > Immagini e si sceglie #FFFFFF per il colore del bordo e dello sfondo si possono ugualmente visualizzare delle cornici intorno a tutte le immagini. Queste cornici vengono inserite anche nella immagine del Profilo, nelle icone dell'Elenco di Blog e in tutte le miniature in generale.

Vogliamo in sostanza eliminare bordi e ombreggiature in questo modo

Per prima cosa occorre vedere nel modello quale sia la classe che determina l'aspetto degli articoli. Negli ultimi modelli è .post-body ma in altri più vecchi può essere .post. Si va su Modello > Modifica HTML e cliccando su F3 si controlla quale dei due tag sia presente.

Nel primo caso si cerca la riga ]]></b:skin> e, subito sopra, si incolla questo codice

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
    padding: none !important;
    border: none !important;
    background: none !important;
    -moz-box-shadow: 0px 0px 0px transparent !important;
    -webkit-box-shadow: 0px 0px 0px transparent !important;
    box-shadow: 0px 0px 0px transparent !important;
}

Nel secondo caso si sostituisce post-body con post. Si salva il modello. I bordi e le ombreggiature spariranno da tutte le immagini di tutti gli articoli che sono stati pubblicati o che lo saranno.

Se si utilizza Windows Live Writer per confezionare il post, si possono selezionare le singole immagini, andare su Strumenti Immagine > Stili immagini e cliccare su Nessuno

Le altre opzioni sono Eredita dal blog e Ombreggiatura. Scegliendo Nessuno per lo Stile della immagine, nella maggior parte dei modelli si impedisce l'inserimento di bordi e ombreggiature senza bisogno di modificare il template. L'opzione può anche essere salvata come Impostazione predefinita in modo da non avere più bisogno di configurarla per ogni immagine postata.