Come modificare e centrare il modulo dei commenti.

Come allargare e centrare il modulo dei commenti incorporato sotto al post.

Nella piattaforma Blogger ci sono più modi per configurare l'area dei commenti. Si va su Impostazioni > Post e Commenti > Posizione Commento e si può scegliere tra: Nascondi, Incorporato, Pagina intera e Finestra popup. L'opzione maggiormente selezionata è Incorporato che mostra il modulo dei commenti in calce al contenuto del post e degli altri commenti postati fino a quel momento.

Vediamo come si possa allargare la larghezza del modulo per farla risultare in linea con il layout del nostro blog. Dopo aver salvato il template si va su Modello > Modifica HTML > Procedi e si espandono i modelli widget.
Si troveranno quattro blocchi di codice come questo

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>

con l'altezza di 410 pixel e la larghezza del 100%. Il fatto che la larghezza sia stata settata al 100% non significa che in tutti i blog il modulo prenda effettivamente tutto lo spazio disponibile. Se si vuole modificare l'altezza si può provare a cambiare 410 in tutte e 4 le occorrenze mentre per modificare la larghezza bisogna mettere un valore assoluto al posto di 100% nei quattro blocchi di codice.
Ecco per esempio questo nuovo codice

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='280' id='comment-editor' name='comment-editor' src='' style='display: none' width='800'/>

come muta l'aspetto del modulo dei commenti

Volendo è anche possibile centrare il modulo nel layout. Si va sempre su Modello > Modifica HTML > Procedi e si cerca la riga ]]></b:skin> . Subito sopra si incolla questo codice

.comment-form {
margin:2px auto;
text-align:center;
}
.comments .comment-form {
margin:2px auto;
text-align:center;
}
.comments .comment-replybox-single {
margin:2px auto;
text-align:center;
}
.comments .comment-replybox-thread {
margin:2px auto;
text-align:center;
}

Si salva il template. Il primo blocco di codice riguarda il vecchio codice dei template senza commenti nidificati, il secondo si riferisce al primo commento mentre il terzo e il quarto centrano il modulo della prima e delle successive risposte ai vari commenti