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:

    Oberon ha detto...

    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

    Ars Tecnica ha detto...

    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.

    Deltagnan ha detto...

    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"...

    Ars Tecnica ha detto...

    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?

    Related Posts Plugin for WordPress, Blogger...