Pubblicato il 04/01/12e aggiornato il

Come ridurre lo spazio sotto il modulo dei commenti di Blogger.

In alcuni modelli di Blogger, specie dopo che si sono fatte delle personalizzazioni, qualche volta compare stranamente un grande spazio vuoto sotto il modulo che si usa per commentare, sempre che si sia utilizzata l'opzione del suo incorporamento sotto il post. Come mi è stato più volte fatto notare nei commenti, se non si sono aggiunti altri elementi in quella zona del template, potrebbe verificarsi una cosa simile a questa
spazio-tra-modulo-commenti-e link-sottostanti
dove c'è una grande distanza tra la fine del modulo dei commenti e i tre link Post più recente, Home page e Post più vecchio, sempre che non si sia deciso di sostituirli con delle icone o di spostarli in altra zona. Vediamo come sia abbastanza semplice ridurre questo spazio vuoto che è indubbiamente antiestetico.
Si va su Modello > Backup/Ripristino e si Salva il template per una questione di sicurezza. Si torna su Modello > Modifica HTML > Procedi e si espandono i modelli widget. Si dovrà cercare questo blocco di codice
<data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <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%'/>
    <b:else/>
      <h4 id='comment-post-message'><data:postCommentMsg/></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>

Ci si può aiutare cliccando su F3 o su Ctrl+F per cercarlo più facilmente. Dovrebbe essere sostanzialmente lo stesso nei vecchi e nei nuovi modelli. Prestate la vostra attenzione sul secondo tag height='410'. Per diminuire la distanza tra modulo e link occorre modificare il valore dell'altezza. Si può per esempio sostituire con height='240', prestando attenzione al fatto che, se diminuissimo questo valore in modo da far andare gli elementi uno sopra all'altro, il modello non verrebbe salvato. E' quindi opportuno andare per gradi e inserire valori sempre più piccoli di 410 per trovare quello giusto.
Dopo che si sarà salvato il modello, l'aspetto dell'area sotto il modulo dei commenti sarà pressappoco così
distanza-modulo-commenti-e-link-post-prù-vecchio
della serie "una immagine vale più di mille parole".




11 commenti :

  1. ciao Ernesto,volevo gentilmente sapere come inserire i pulsanti di condivisione come li hai tu di facebook twitter e google+1 grazie.

    RispondiElimina
  2. @boston blog
    Ecco qua
    http://www.ideepercomputeredinternet.com/2011/06/come-allineare-i-bottoni-di-facebook.html

    RispondiElimina
  3. Grazie come sempre ernesto!!!
    Come ho chiesto in altre occasioni, volevo chiederti se hai novità circa il mettere più in risalto il link "commenta", magari ingrandendo il carattere, cambiando colore, trasformarlo in grassetto. Grazie

    RispondiElimina
  4. Ciao Parsi. Ho impostato il valore a 270 e visivamente mi sembra come il tuo. Grazie. :)

    Ciao.

    RispondiElimina
  5. @francesco_qci_
    Se ti riferisci al Commenta di Facebook non si può fare nulla. Sul classico Posta un commento di Blogger invece si può fare qualcosa, vedrò in seguito se ho tempo e senza impegno.

    RispondiElimina
  6. Grazie ernesto. infatti mi riferivo al "posta un commento" in home di Blogger. Grazie ancora.

    RispondiElimina
  7. ho diminuito fino a 100 senza notare alcun cambiamento..ovviamente il secondo 410

    RispondiElimina
  8. @Domenico Sergio Antonacci
    Questa è l'ennesima dimostrazione che ogni modello fa storia a sé :(

    RispondiElimina
  9. @Ernesto Tirinnanzi
    @Domenico Sergio Antonacci
    Idem anche per me :-( nessun cambiamento...

    RispondiElimina
  10. Grazie Ernesto quello spazio era effettivamente antiestetico! A Presto

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.