Come Eliminare il Bordo dalle Immagini di Blogger

In tutti i temi di Blogger, sia in quelli classici presenti nel blog sia in quelli scaricabili, di default presentano il bordo per le immagini. E' un css inserito a titolo abbellitivo, per mettere in risalto l'immagine ma quando questa la si va ad inserire dentro un post può apparire non proprio azzeccata quindi in linea di massima si può optare per modificarne il colore andando su Modello > Personalizza > Avanzato > Immagini > Colore del bordo ma anche inserendo il colore esadecimale #ffffff che sarebbe il bianco o selezionando quello trasparente il risultato è che il bordo non scompare del tutto.

Come potete vedere questa è una immagine con bordo che si va a generare automaticamente, non si nota subito ma in una immagine con bordi arrotondati sarebbe insensato inserire anche un riquadro rettangolare. Per risolvere questo inconveniente dovete andare su Modello > Modifica HTML e cercare (Ctrl + F) la seguente riga: ]]></b:skin> e subito prima di essa inserire tutto 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;
}

Dopodiché salvate il modello e verificate se il bordo è scomparso.

Se in questo modo il bordo nelle immagini continua ad esserci, sostituite soltanto la prima riga del codice precedente con quest'altra lasciando inalterato il restante codice:

.post img, .post .tr-caption-container, .Profile img, .Image img,

Dove è stata tolta la parola "body" presente solamente nei nuovi modelli di Blogger.