24 febbraio 2010

Blogger: eliminare lo spazio vuoto sotto la form dei commenti

Da qualche tempo, se si incorpora la form dei commenti immediatamente sotto i post ci si ritrova con uno smodato spazio vuoto impossibile togliere...

Blogger: spazio vuoto sotto la form dei commenti

Il problema dipende da uno degli script di Blogger, ma si può aggirare in modo piuttosto semplice:
  1. accedete al vostro blog, entrate nella scheda Layout, quindi selezionate Modifica HTML, marcate la checkbox Espandi i modelli widget e fate il backup del template, cliccando su Scarica modello completo;
  2. cercate nel codice del template la riga



    <b:skin><![CDATA[/*
  3. immediatamente sotto inserite una riga contenente questo codice CSS



    .comment-form{max-height: 250px;}
  4. salvate.
In sostanza andiamo a limitare, tramite la definizione del foglio di stile, l'altezza della form dei commenti a 250 pixel (vale a dire il numero evidenziato in fucsia).

Nota bene: questa modifica rende difficoltosa la lettura delle parole di verifica utilizzate per limitare lo spam nei commenti

    4 commenti:

    1. Ciao, prima di tutto complimenti per il blog, l'ho trovato molto utile. Ho messo in pratica quello che hai scritto in questo articolo, ma la fine della pagina è ancora lontana, potresti darci un occhiata per favore? forse dovrei diminuire il valore in pixel? ti ringrazio anticipatamente! Ti linko l'ultimo post http://pc-faidate.blogspot.com/2010/04/come-e-perche-passare-gnulinux-nel-2010.html#more

      RispondiElimina
    2. Per il tuo template fai così: da modifica html cancelli la riga

      .comment-form {max-height: 250px;}

      quindi cerca "body {" e immediatamente prima inserisci

      .comment-form {max-height: 250px;}

      dovrebbe andare, ma attenzione che non è detto che i codici di controllo dei commenti (se usi la moderazione) funzionino a dovere.

      Ciao e grazie dei complimenti.

      RispondiElimina
    3. il mio problema è questo:
      inserendo .comment-form {max-height: 250px;} sia dopo <![CDATA[/* che nel css alla voce
      .comment-form {
      clear: both;
      max-width: 680px;}

      ...lo spazio si toglie ma non mi funzionano più i link "Post più recente" e "Post più vecchio"...

      RispondiElimina
    4. Deltagnan, ho visitato il tuo blog e ho visto che lo spazio vuoto è molto limitato, e i link "Post più recente/vecchio" si vedono... problema risolto?

      RispondiElimina