Rimuovere i bordi alle immagini nei template su Blogger

Dopo l’articolo sui pulsanti per condividere su Facebook, Twitter o Google Buzz usando immagini personalizzate, si è presentato il solito problema (sollevato questa volta da Enrico) di dover togliere i bordi alle immagini (in questo, alle icone dei social network). Piuttosto che la solita risposta mirata al problema, ho deciso di scrivere questo post per invitarvi a ricorrere a una soluzione radicale: eliminare i bordi da tutte le immagini del template, per sempre.

D’altra parte è un’operazione che molti blogger fanno subito appena cambiato template perchè nella maggior parte dei casi si rivela antiestetico, e farlo in maniera specifica per ogni nuova modifica è una cosa che complica il lavoro a tutti.

Togliere i bordi alle immagini nei vecchi template

Andate in Design –> Modifica HTML e cercate questa riga di codice:

]]></b:skin>

Subito sopra incollate:

img {
  border: none !important;
}

Salvate il template ed è fatta. Bordi scomparsi.

Togliere i bordi nei nuovi template

Se state utilizzando template realizzati col nuovo designer, non dovrete ricorrere al codice HTML. Andate in Designer modelli e dalla voce Avanzato scegliete Immagini:

Nella sezione “Colore del bordo” scegliete trasparente:

Applicate le modifiche al blog (pulsante “Applica al blog” in alto a destra) e l’operazione è conclusa.

Altre operazioni sui “bordi”:

• Eliminare o cambiare il bordo dell’header del template su Blogger
• Togliere o personalizzare il bordo dalle immagini nei post su Blogger
• Aggiungere e personalizzare un bordo ai post e agli elementi del blog su Blogger
• Distanziare il contenuto dai bordi delle sezioni