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:

bordi immagini

Nella sezione “Colore del bordo” scegliete trasparente:

bordi immagini

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

Altre operazioni sui “bordi”:

Condividi su Facebook, Twitter o Google Buzz:
Condividi su Facebook Condividi su Twitter Pubblica su Google Buzz

Per ricevere direttamente in posta i nuovi articoli, inserisci il tuo indirizzo email:
oppure puoi iscriverti al feed per tenerti sempre aggiornato sui nuovi contenuti del blog!
Per maggiori informazioni sui feed, clicca qui!

21 commenti:

Nickycino ha detto...

io uso un template creato con il designer dei modelli, avevo già fatto quell'operazione ma i bordi ci son sempre.

iphone25 ha detto...

io vorrei un consiglio da te tenebre allora il mio blog e questo http://iphone25.blogspot.com/ parla dell iphone e cetera vorrei sapere come e la grafica se e bella o brutta e vorrei sapere anke dei consigli apparte i tre social network se esistono altri modi per avere piu visite al blog..... ciao ....

Marzia ha detto...

Grazie per questo tutorial!
Ho provato, appunto, a modificare il bordo delle immagini seguendo le indicazioni. Il bordo viene effettivamente eliminato, purtroppo però, rimane un'ombra attorno. Per togliere definitivamente anche questa, ho lavorato sul codice html.
Sono andata nella parte di CSS dove compare questo codice:


.post-body img {


ho cancellato tutto ciò che seguiva fino all'altra } ed ho sostituito con

padding: 0px;
border: none;


Grazie, perchè senza le tue preziose indicazioni (in questo post, ma nel blog in generale!) non ci sarei riuscita.
Ho voluto condividere questa piccola informazione in un commento, spero che questo non crei disturbo. :)

enrico ha detto...

Che onore un articolo "dedicato" a me ;)...grazie mille

mammalellella ha detto...

ciao Orazio,

non so se accetti i premi che girano per la blogosfera, cmq se ti fa piacere passa da Casa Lellella c'è un premio che ti aspetta ;)

Tenebrae ha detto...

@nickycino: c'è qualcosa che non va allora, forse sono stati forzati da una precedente modifica?

@iphone25: la grafica è ottima, a parte quell'annuncio in testa che non credo faccia molto e che stona tantissimo

per avere più visite, soprattutto dai motori di ricerca, prova a dare un'occhiata qui e qui

@marzia: hai fatto benissimo. i suggerimenti non sono mai abbastanza :)

giulia pignatelli ha detto...

Ancora grazie per le informazioni che ci dai. Sono anche riuscita a mettere per bene il tuo link sul mio blog :)

sonia ha detto...

Grazie per il tuo blog.
Nel mio blog ho provato a togliere i bordi ma non ho la sezione IMMAGINI.
Ciao Sonia

jo ha detto...

Neanche nel mio c'è la sezione immagini. Come fare?

Cizzu ha detto...

Pare che la voce "Immagini" non esista, evidentemente è stata rimossa. Come si può risolvere adesso?

Kristine Cheryl ha detto...

Ciao! purtroppo pur seguendo tutte le indicazioni i bordi nelle immagini rimangono, c'è un modo per cancellarli con il css? per ora le mie immagini hanno questi codici CSS:

#Image3 img{
position:absolute; top:-40px; left:-140px
}
#Image4 img{
display:block; margin:auto -141px;
}
#Image1 img{
display:block; margin:auto 0px;
}
#Image2 img{
position:absolute; top:-40px; left:100px”>


sapresti cosa devo aggiungere per togliere quei fastidiosi bordi bianchi?
grazie

Cristina :)
Cristina

mariweb ha detto...

Salve, vorrei togliere la cornice bianca intorno alle immagini nei post ma la sezione che tu menzioni non la vedo nella personalizzazione. Come posso fare? E' fastidiosa anche perché lo sfondo dei post è nero...

[R-D] ha detto...

Grazieeeeee qui trovo sempre spiegazioni chiare e precise!

Fangyaya ha detto...


fangyanting20150926
mbt shoes, http://www.mbtshoesoutlet.us.com/
hogan, http://www.scarpehogan-outlet.it/
soccer jerseys, http://www.soccerjerseys.us.com/
cheap jordans, http://www.cheapjordans.us.org/
kobe shoes, http://www.kobeshoes.us/
christian louboutin, http://www.scarpelouboutin.it/
coach outlet, http://www.coachoutletus.us/
coach handbags, http://www.coachhandbagsoutletonline.us.com/
oakley, http://www.occhialioakleyoutlets.it/
herve leger, http://www.herveleger.us.com/
calvin klein underwear, http://www.calvinklein.in.net/
ralph lauren, http://www.poloralphlaurenoutlet.it/
louis vuitton outlet, http://www.louisvuittonoutletstore.name/
michael kors factory outlet, http://www.michaelkorsfactoryoutlet.us.org/
montblanc pens, http://www.montblanc-pens.com.co/
tory burch outlet, http://www.toryburch.in.net/
michael kors outlet store, http://www.michaelkorsoutlet-store.us.com/
ray ban sunglasses, http://www.ray-bansunglassess.in.net/
swarovski crystal, http://www.swarovskicrystals.co.uk/
oakley outlet, http://www.oakleyoutlet.in.net/
the north face outlet, http://www.northface-outlet.cc/
wedding dresses, http://www.weddingdressesoutlet.co.uk/
michael kors outlet, http://www.michaelkors-outlets.us.com/
roshe run, http://www.rosherunshoessale.com/
air max 2014, http://www.airmax2014.net/
nike air max uk, http://www.nikeairmaxshoes.org.uk/
michael kors outlet, http://www.michaelkorsoutletonlinestores.us.com/

方松腾 ha detto...

cheap jordans
michael kors outlet online,michael kors,kors outlet,michael kors outlet,michael kors handbags,michael kors outlet online sale,michael kors handbags clearance,michael kors purses,michaelkors.com,michael kors bags,michael kors shoes,michaelkors,cheap michael kors
mulberry handbags
tory burch outlet online
swarovski crystal
canada goose coats
toms outlet
michael kors factory sale
giuseppe zanotti sale
nba jerseys wholesale
fitflops shoes
hollister pas cher
longchamp outlet online
cheap mlb jerseys
swarovski outlet
swarovski outlet

林剑伟 ha detto...

oakley sunglasses,oakley vault,oakley sunglasses cheap,oakleys,oakley.com,sunglasses outlet,cheap oakley
authentic jordans
http://www.tiffanyand.co.uk
tiffany & co
cheap true religion
michael kors outlet online store
http://www.tiffanyandcooutletonline.us.com
http://www.kobeshoes.uk
http://www.oakleyoutlet-store.com
oakley outlet online
michael kors outlet
toms outlet
http://www.airhuarache.uk
kobe shoes
cheap air jordan
michael jordan shoes
http://www.kobebasketballshoes.us.com
air jordan retro
cheap oakley sunglasses
jordans for cheap
huaraches shoes
cheap watches,cheap rolex watches,rolex watches for men,buy rolex online
tiffany and co jewelry
jordans for cheap
oakley sunglasses,oakley outlet sunglasses
air huaraches
cheap oakley sunglasses
true religion jeans
fitflops
http://www.kobesneakers.com
michael kors outlet online
kobe shoes
http://www.tiffanyandcojewellery.us.com
michael kors factory outlet
cheap rolex watches

dong dong23 ha detto...

michael kors outlet
coach outlet online
hollister clothing
nike free run
air max 90
ray ban sunglasses
toms shoes
coach outlet
christian louboutin shoes
basketball shoes
louis vuitton handbags
coach factory outlet
gucci
ray ban sunglasses
coach factory outlet
ugg outlet
coach outlet store online
timberland boots
oakley sunglasses wholesale
michael kors outlet online
louis vuitton handbags
coach outlet
louis vuitton handbags
ugg boots
jordan 11s
cheap oakley sunglasses
cheap jordans
toms shoes outlet online
polo ralph lauren outlet
louis vuitton outlet
tods shoes
burberry outlet online
louis vuitton outlet stores
jordan 13
gucci handbags
air jordans
michael kors purses
ray ban sunglasses
nike outlet store
20165.4wengdongdong

Chenzhen 20160303chenzhen ha detto...

ray-ban sunglasses outlet
adidas nmd black
coach factory outlet
nike free flyknit 5.0
cheap jordan shoes
ferragamo outlet
burberry sale
adidas superstars
ecco outlet
timberland uk
birkenstock uk
supra outlet
coach factory outlet online
adidas pure boost black
nike store uk
louis vuitton outlet
michael kors canada
dior sunglasses 2016
louis vuitton outlet online
toms outlet
fitflops shoes
nhl jerseys wholesale
cheap nfl jerseys
michael kors outlet store
nmd adidas
adidas supercolor pink
coach outlet online
under armour
air max 90 white
coach outlet online
hollister clothing
ralph lauren
birkenstock shoes
valentino
asics gel kayano
yeezy boost 750
michael kors canada
rolex watches for sale
michael kors handbags outlet
michael kors outlet
chenzhen201662

chenlina ha detto...

miami heat jerseys
kate spade
louis vuitton
michael kors handbags
jordan retro
ray ban sunglasses
michael kors outlet
adidas ultra boost
ray ban sunglasses
coach outlet
ugg boots
rolex watches
hermes birkin bag
coach outlet store online
louis vuitton outlet
toms shoes
cheap nfl jerseys
michael kors outlet
oakley outlet
michael kors outlet
toms outlet
uggs canada
moncler uk
adidas nmd
replica watches
toms shoes outlet
louis vuitton outlet online
adidas originals
mlb jerseys
nike factory outlet
replica watches for sale
michael kors outlet
basketball shoes
coach factory outlet
michael kors purses
coach outlet
rolex watches
coach outlet
canada goose outlet
replica watches
chenlina20160823

Unknown ha detto...

baltimore ravens jerseys website
falcons jersey is
cheap jordan shoes my
ecco shoes to
chaussure louboutin CUTE
replica watches items!
dolce and gabbana shoes easy
oakley sunglasses Every
denver broncos jerseys of
washington redskins jerseys my

raybanoutlet001 ha detto...

carolina panthers jersey
vikings jerseys
yeezy boost 350 black
michael kors outlet
tiffany and co outlet
nike blazer pas cher
ralph lauren outlet
eagles jerseys
michael kors handbags
oakley sunglasses


Prima di lasciare un commento, leggete qui

Posta un commento