Cambiare le dimensioni dell’area dei commenti su Blogger


Ecco una modifica molto semplice ma che probabilmente potrebbe interessare i più attenti al look del proprio blog e che usano la finestra dei commenti incorporata sotto al post: la possibilità di cambiare le dimensioni dell’apposita area per i commenti per adattarla meglio allo stile grafico del template.

Per intenderci, faccio un esempio pratico.  Questo è il prima:

image

Con la nuova visualizzazione degli avatar dei profili, succede che i commenti, come nel mio caso, possano essere spostati un po’ a destra, mentre l’area sotto per inserire il commento è tutta a sinistra, senza contare la legenda degli emoticon che sta in mezzo.

Ecco il dopo:

image

L’area del commento occupa lo stesso spazio degli altri elementi del template, dando un senso maggiore di ordine.

Vediamo come fare.

Modifichiamo il template di Blogger

Da Layout->Modifica HTML, selezionate “Espandi i modelli widget” e cercate questa riga di codice:

<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>

Se avete i commenti incorporati sotto al post, questa riga la troverete sempre.

Cambiando i due valori che ho evidenziato in rosso potrete cambiare l’altezza dell’area (predefinito è 275) e la sua larghezza (predefinito è 100%). Il secondo valore può essere espresso in percentuale o in valore assoluto. Nel mio caso, per allineare le dimensioni della casella dei commenti con l’area superiore ho dovuto portare la larghezza a 535:

<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='535'/>

Fate varie prove per trovare le dimensioni più adatte al vostro caso.

Per concludere

Modifica semplice ma che migliora il colpo d’occhio generale, specialmente nei template ricchi di grafica. Si prestava particolarmente al template che usava mia moglie fino a qualche giorno fa, se non l’avesse cambiato nel frattempo (come molte donne, ha il vizio di cambiare continuamente template) vi avrei messo un’immagine. Direi che è particolarmente indicata per i template con la colonna dei post al centro.

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!

18 commenti:

Unknown ha detto...

Qualcuno può aiutarmi , non so come mai ma sotto i post da stamane prima di fare eventuale commento trovo la duplicazione del post stesso .... come posso rimediare ???

Kuriosando.blogspot.com

grazie in anticipo

Unknown ha detto...

fffatto!
come tante altre cose che hai spiegato del resto =)

Tenebrae ha detto...

@christian: controlla nel tuo template che post.body non sia duplicato... visto così il problema sembra proprio quello!

se lo trovi più volte elimina la seconda!

Unknown ha detto...

mitico grazie davvero e complimenti per il tuo blog .. chiaro , utile , e appasionante.

alla prox

Unknown ha detto...

grazie degli aiuti , volevo fare un altro paio di domande :

- qualcuno è capace a creare una news letter ?
- si può far in modo di far iscrivere le persone a dare ad esse la possibilità di scrivere post ?

Unknown ha detto...

su questo blog non riesco a far apparire il lascia un commento !!!!! mi aiutate ??'

pubblitalia.blogspot.com

Anonimo ha detto...

Grande, l'aspetto è una delle mie priorità nel blog.
ciao,ciao

Silvia Merialdo ha detto...

Complimenti per il blog, che seguo da un po' e che mi è stato molto utile.
Una cosa proprio sui commenti.
Uso blogger e ultimamente ho dei problemi con i commenti di post vecchi: invece di apparire in ordine cronologico, ultimamente mi appaiono in ordine sparso, mentre fino a una settimana fa l'ordine era quello giusto (cronologico).
Siccome spesso sono dei botta e riposta leggendo non si capisce più niente!
Come mai?

Alex ha detto...

Grande!
Una domanda però: si riesce in qualche modo a modificare il textarea?
In particolare l'attributo rows?
Grazie 1000!

Tenebrae ha detto...

@alex: purtroppo no

Mizzy Bat ha detto...

Utile, però a me si aggiusta il box dove inserire il commento ma non il commento stesso, che finisce sulla colonna di destra... come posso fare? Grazie in anticipo!

IRINA ha detto...

Ciao, da tanto tempo non riesco a risolvere il problema: ho installato linkwithin e adesso quando apro ogni singolo post, i commenti sovrappongono con le immagini di linkwithin, come posso modificare? Addiritura adesso ho creato il blog di prova, ho messo la stampa pdf e in questo caso il linkwithin non appae proprio.
Grazie in anticipo

IRINA ha detto...

Scusa mi potresti rispondere, vorrei tanto avere Linkwithin, ma non mi piace come appaie

Unknown 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

chenlina ha detto...

CHENLINA20160308
oakley sunglasses wholesale
coach outlet store
coach factorty outlet online
louis vuitton outlet
ugg for cheap
louis vuitton outlet
michael kors handbags
louis vuitton handbags
coach outlet
christian louboutin shoes
oakley outlet
ray ban sunglasses
michael kors outlet online
nike running shoes for women
louis vuitton handbags
rolex watches
kobe shoes
true religion
michael kors outlet
nike store
nike trainers uk
air force 1
kate spade outlet
canada goose outlet store
gucci handbags
canada goose outlet
nike huarache
concord 11
michael kors handbags
louis vuitton uk
louis vuitton handbags
coach factory outlet online
ed hardy outlet
ugg outlet
ralph lauren outlet
lebron 11
cheap ray ban sunglasses
ray ban sunglasses outlet
ray bans
coach factory outlet
AS

Unknown ha detto...

michael kors outlet
ralph lauren polo
michael kors outlet
kate spade outlet
kate spade outlet
coach factory outlet
michael kors outlet clearance
toms
tory burch outlet
adidas stan smith
ray ban sunglasses
asics running shoes
true religion jeans
fitflops
nike roshe runs
christian louboutin sale
ralph lauren polo
rolex watches
michael kors handbags
ray ban wayfarer
cheap oakley sunglasses
nike huarache shoes
ray ban outlet
toms shoes
air jordan 13
coach outlet
ray bans
adidas outlet
nike trainers
cheap jordans
hollister clothing
jordan 4 toro
adidas originals
toms outlet
ralph lauren outlet
michael kors handbags
coach outlet store online clearances
fake watches
coach outlet
hollister outlet
20165.4wengdongdong

Unknown ha detto...

mont blanc outlet
true religion outlet
ray ban sunglasses
air max 90
ray ban sunglasses
cheap jordans
cheap mlb jerseys
ferragamo shoes
beats by dre
omega watches
true religion jeans
cheap ray ban sunglasses
pandora outlet
swarovski crystal
nike air force 1
michael kors uk
swarovski crystal
true religion outlet
rolex watches outlet
jordan shoes 2015
coach outlet
ralph lauren,polo ralph lauren,ralph lauren outlet,ralph lauren italia,ralph lauren sito ufficiale
asics
michael kors outlet
fitflops sale
adidas shoes
coach outlet store
polo ralph lauren
rolex watches
swarovski crystal
cai20160512

chenlina ha detto...

chicago bulls jerseys
new england patriots jerseys
longchamp outlet
seattle seahawks jerseys
louis vuitton
kobe 11 shoes
canada goose jackets
giuseppe zanotti sandals
uggs on sale
timberland boots
louis vuitton handbags
ugg boots paris
ray bans
michael kors outlet clearance
christian louboutin pas cher
oakley sunglasses
coach outlet
ghd flat iron
jordan retro 3
toms shoes
louis vuitton handbags
ray ban sunglasses
jordan concords
oakley sunglasses
jordan 8s
ralph lauren clearance
hermes bag
michael kors canada
louis vuitton outlet
tods shoes
louis vuitton
michael kors outlet
lebron 12
air jordans
louis vuitton outlet stores
abercrombie and fitch
ugg uk
nike trainers
louis vuitton outlet
adidas outlet
chenlina20160823


Prima di lasciare un commento, leggete qui

Posta un commento

Nota. Solo i membri di questo blog possono postare un commento.