In alcuni modelli, specialmente dopo che sono state introdotte delle modifiche, può capitare di vedere i singoli post separati da troppo spazio quando si apre la homepage, una pagina di una etichetta o una pagina di archivio.
Il problema può essere risolto facilmente attraverso l'uso di Firebug e di un appropriato CSS. Nei modelli ufficiali di Blogger la classe di stile che sovrintende al contenitore dell'articolo è post-outer ma non escludo che in taluni modelli personalizzati possa essere diversa.
Per diminuire la distanza tra post e post dobbiamo andare su Modello > Backup/Ripristino e salvare il modello completo. Si torna su Modello > Modifica HTML e si cerca la riga
]]></b:skin>
Alternativamente si può andare su Modello > Personalizza > Avanzato > Aggiungi CSS. In entrambe le soluzioni va incollato questo codice
.post-outer {margin-bottom:-40px;}
rispettivamente sopra alla riga indicata o nel modulo in alto a destra. Si salva il modello se si è operato sul template mentre si va su Applica al blog se si è usato il Designer Modelli
Il valore di -40 pixel può essere modificato in funzione del proprio layout. Naturalmente questo stesso sistema può anche essere usato per aumentare lo spazio tra i vari articoli. Basterà sostituire i valori negativi in margin-bottom con valori positivi.
come avvicinare i post centrali sulla mia home page visto che ho modificato html della pagina stessa! Grazie...
RispondiEliminaho provato con questo codice ma nulla di fatto!
RispondiElimina.post-outer {margin-bottom:-40px;}
@LuigideStefano
EliminaProva a incollarmi l'URL del tuo blog che guardo un po'
In passato ero riuscito a ridurre lo spazio. Oggi ho provato ad installare il tuo nuovo widget tipo linkwithin ma non funzionava, così ho ripristinato il vecchio linkwhithin modificato(non avevo salvato il template!) Adesso è tornato lo spazio e non c'è verso di toglierlo. Ho provato seguendo le indicazioni di due tuoi post, ma niente da fare. Suggerimenti?
Elimina@ Prova con Firebug o Firebug Lite
Eliminahttp://www.ideepercomputeredinternet.com/2011/05/firebug-e-una-estensione-di-firefox-per.html
http://www.ideepercomputeredinternet.com/2012/07/firebug-chrome-blogger-css-html.html
oppure segui le indicazioni di questo post
http://www.ideepercomputeredinternet.com/2011/05/come-diminuire-lo-spazio-tra-post-e.html
Si l'ho letto nel tuo post ed ho istallato apposta firefox.
EliminaNel mio blog è post hentry.
Ho provato con .post hentry {margin-bottom:-40px;} e anche con
.post hentry {
margin-bottom: -20px;
}
ma non funziona.
Comunque grazie.
Ho risolto, con Firebug ho scoperto cosa spostava il post più in basso. Grazie.
Eliminahttp://luigidestefano.blogspot.it/
RispondiElimina