Pubblicato il 26/05/11 - aggiornato il  | 75 commenti :

Come diminuire lo spazio tra post e post e tra widget e widget in Blogger.

Come diminuire o aumentare la distanza tra i vari elementi del layout utiizzando lo strumento Firebug di Firefox.
Quando ho introdotto l'estensione Firebug per Firefox, avevo accennato a come possa essere utilizzata per modificare alcune parti del modello in modo molto semplice. Vediamo subito un paio di casi in cui si può usare. In alcuni commenti, diversi utenti di Blogger, si lamentano di come i singoli post siano troppo distanti tra di loro quando si apra la homepage e di come lo siano anche alcuni widget nella sidebar.

Come diminuire la distanza tra i post in Homepage
Si apre Firefox, si va sulla homepage del nostro blog e si clicca sulla icona di Firebug. Successivamente si seleziona l'area di un post e si controlla quale sia la classe che ne determina lo stile

classe di stile del post 

Nella finestra di Firebug si vede che la classe in questo caso è post-outer. Può essere anche post hentry o date-posts o un'altra ancora. Se siete indecisi perché non riuscite a selezionare bene l'area, provate con più classi diverse. Si va su Design > Modifica HTML, segnatamente nella sezione <b:skin>, si cerca cioè la riga 

]]></b:skin>
e, subito sopra, si incolla il codice

.post-outer {
margin-bottom: -20px;
}

dove il numero dei pixel può ovviamente essere personalizzato. L'aspetto della homepage varierà in questo modo dopo che si è salvato il template 

diminuire lo spazio tra i post in homepage di blogger

Nel blog che ho usato come test questa modifica non era necessaria ma è stato solo per dare una idea del suo funzionamento.

Come diminuire la distanza tra i widget in una sidebar

Si usa sempre Firebug per individuare l'ID del widget in questione. Ammettiamo che noi volessimo diminuire la distanza tra il widget di Google Friend Connect e quello dell'Archivio sempre nello stesso blog preso come test di prova. Si clicca su Inspect, si seleziona il widget e se ne ricava l'ID

id del widget in questione


Nella finestra di Firebug si vede che gadget di GFC ha come ID Followers1. Per diminuire lo spazio tra questo gadget e quello sottostante, possiamo come prima andare su Design > Modifica HTML e cercare la riga ]]></b:skin>. Alternativamente, se si ha un template del Designer Modelli, si può andare in Design > Designer Modelli > Avanzato > Aggiungi CSS e incollare nel campo sulla destra questo codice 

#Followers1{
margin-bottom: -30px
}

dove si può personalizzare la misura in rosso. Si clicca in alto a destra su Applica al blog per rendere le modifiche definitive. Con questo sistema si può vedere l'anteprima immediatamente, nella parte bassa della pagina, dopo che si è incollato il codice. E' un sistema da preferire perché si riesce a calibrare la distanza giusta con grande facilità

avvicinamento dei widget eliminando lo spazio

Queste tecniche possono essere usate per tutti i widget. Concludo osservando che si possono anche aumentare le distanze tra i vari gadget inserendo dei valori positivi nel parametro margin-bottom. Inoltre va da sé che ci sono naturalmente altri modi per determinare l'ID di un widget.


75 commenti :

  1. Ciao,

    mi succede che ho troppo pocospazio tra i post, e l'ultima etichetta (quella dello share di blogger), mi tocca il titolo del post successivo.

    Come ovviare? Il tuo metodo non da risultati.

    Uso template Historic

    Grazie di cuore

    ALe

    RispondiElimina
  2. @Alessandro
    Hai provato a mettere dei valori positivi per esempio

    .post-outer {
    margin-bottom: 30px;
    }

    Se sì non conosco altri metodi per ovviare. Bisognerebbe analizzare il template.

    RispondiElimina
  3. si, è la prima prova che avevo fatto...:(

    Il template è quello "Famoso", che sembra un rotolo di una pergamena, chiamato "History"

    Ho provato a spostare la sere di pulsanti dello share, ma me li mette sempre in fondo....

    vuoi vedere la foto?

    Grazie

    Ale

    RispondiElimina
  4. Credo di aver capito. Forse è quello sviluppato da Anshul
    http://www.anshuldudeja.com/
    Prova a rivolgerti direttamente a lui.

    RispondiElimina
  5. Mi sa di no... ho controllato tutti i suoi template e non c'è

    cmq,

    https://freevps.us/img/images/clipboard0.jpg

    sto diventando matto per staccare i post, e anche per aumentare la grandezza dei font delle info a fine post

    Grazie comunque

    Ale

    RispondiElimina
  6. Ciao ho creato questo blog ( http://marisaavonitalia.blogspot.com/ ) ma non riesco diminuire lo spazio tra un widget e l'altro. Come posso fare?

    RispondiElimina
  7. @Manager
    prova a sostituire questo codice
    .sidebar .widget,.main .widget {
    margin:0 0 1.5em;
    padding:0 0 1.5em;
    }
    con quest'altro
    .sidebar .widget,.main .widget {
    margin:0 0 0;
    padding:0 0 0;
    }
    altrimenti rivolgiti all'autore del template in questo sito
    lawnydesignz.blogspot.com

    RispondiElimina
  8. Grazie ho risolto con la tua risposta.

    RispondiElimina
  9. Se volessi abbassare invece tutto il contenuto della sidebar?

    RispondiElimina
  10. ho risolto abbassando il widget ricerca, grazie

    RispondiElimina
  11. Ciao Parsifal,
    premetto che (mi vergogno quasi a dirtelo) utilizzo ancora Internet Explorer come browser. Lo so, è obsoleto, è solo che mi ci sono un po' affezionata e faccio fatica a staccarmene, anche se ci sto provando. Se non altro ho la scusante che la maggior parte dei miei visitatori utilizza il mio stesso browswer e che prima di conoscere te Firefox non lo conoscevo nemmeno ;)
    Detto questo: io avevo intenzione di diminuire lo spazio tra alcuni gadget nella sidebar, ma provando a visualizzare il blog con Firefox ho notato che lo spazio tra questi gadget diminuisce e diventa normale. Quindi, prima di fare queste modifiche, secondo me è saggio seguire il tuo consiglio, quello cioè di provare a entrare nel blog con i differenti browser per vedere le differenze di visualizzazione tra uno e l'altro. Io un paio di gadget li ho addirittura tolti perchè con un browser si vedevano e con un altro no!
    Ti faccio una domanda: io per adesso ho fatto questi confronti solo con Explorer e Firefox. C'è molta differenza di visualizzazione con gli altri browser tipo Opera e Safari e mi consigli di provare a visualizzare il blog anche con quelli, oppure non occorre?
    Grazie,
    Giuliana

    RispondiElimina
  12. @Giuliana
    Oltre a IE e Firefox prova anche con Chrome che è il browser di Google che per esempio io uso regolarmente ed è il più veloce. In genere però con Chrome si vede tutto bene ma è meglio controllare.

    RispondiElimina
  13. e se voglio diminuire la distanza di tutti i widget senza mettere quella stringa per ogni widget? come faccio?
    sito: http://my-coloryourlife.blogspot.com/

    RispondiElimina
  14. @Manager
    Non mi viene nulla in mente. devi mettere un margine negativo a tutti i widget che vuoi avvicinare.

    RispondiElimina
  15. ciao, grz comunque, alla fine ho usato la stringa che ai postato sulla guida con ogni widget.

    RispondiElimina
  16. ciao scusa bellissimo post, ma io sono stato un'po imbranato ed ho sbagliato a inserire il CSS, come posso correggerlo? Dove lo trovo? perchè quando entro in personalizza e poi css non compare, è ritornato vuoto...

    Aspetto una tua risposta perfavore, anche perchè qusto errore ha causato problemi con la visualizzazione per chi usa Internet Explorer...

    RispondiElimina
    Risposte
    1. @WinningBetPronostici
      Vai su Modello > Modifica HTML, clicca su F3 o su Ctrl+F e cerca questa riga
      ]]></b:skin>
      il CSS dovrebbe trovarsi subito sopra. Alternativamente puoi incollare nel campo che si apre la stringa che hai inserito, se te la ricordi, per esempio
      #Followers1{
      per trovarla in un attimo

      Elimina
  17. Ciao grazie della risposta, diciamo che ho combinato un guaio, perchè in questo sito http://www.winningbetpronostici.com/, volevo diminuire la distanza che c'è tra la barra dei menù(che penso sia un gudget) e l'immagine in alto, analizzando quella zona con Firebug, ho visto che si chiama:

    < div class = "region-inner tabs-inner " >

    Dunque ho inserito il campo:

    #region-inner tabs-inner{
    margin-bottom: -30px
    }

    ma non mi ha apportato modifiche sicuramente perchè è sbagliato, ma non solo ho scoperto che modificando il css ora il mio sito non si visualizza più correttamente su Explorer, perchè non lo anno aggiornato ai nuovi css se non sbaglio, e purtroppo la maggioranza delle visite viene proprio da li...

    ho provato a fare come mi hai suggerito, ma non me lo trova sopra questo: ]]>

    non so che fare, sarebbe bello poter annullare le modifiche css e rifarlo tramite html...

    RispondiElimina
  18. @Winning ...
    Ho analizzato il tuo codice e non c'è il blocco che indichi
    C'è solo questo
    .content-outer, .content-fauxcolumn-outer, .region-inner {
    min-width: 1330px;
    max-width: 1330px;
    _width: 1330px;
    }
    e quest'altro
    #layout .region-inner {
    min-width: 0;
    width: auto;
    }
    che non hai messo te. La ragione che non si veda con IE dipende da qualche altra cosa.

    RispondiElimina
  19. Si si lo so che ho sbagliato io, intendevo che sicuramente avevo sbagliato...

    Grazie mille, quindi per diminuire lo spazio mi basta diminuire width?

    RispondiElimina
    Risposte
    1. @Winning ...
      No, il CSS che avevi aggiunto dal punto di vista concettuale era giusto, width è la larghezza.

      Elimina
  20. scusa volevo chiderti, non sapendo dove scriverti, io scrivendo post molto lunghi l'immagine di sfondo del post ad certi punti inizia ad ripetersi esempio: http://ps3gameita.blogspot.com/2012/05/e3-flasher.html#more ad un certo punto inizia ad ripetersi la linea blu, l'header dell'imagine di sfondo, ho provato ad usare il tag: background-repeat: repeat-y ; ma non funziona come posso risolvere?

    RispondiElimina
    Risposte
    1. @Manager
      E' un difetto del tuo modello, non so come risolvere.

      Elimina
    2. non c'è proprio nulla da fare sono disperato :C, ho provato a cambiare template ma sono tutti molto complicati non ne trovo uno semplice, ai qualche template dalla struttura semplice da consigliarmi?, grz

      Elimina
  21. @manager
    Disperato? Andiamo, ci sono cose piu importanti nella vita! Fai comee e scegli un template ufficiale di Blogger

    RispondiElimina
  22. Scusa forse mi sono espresso male, ma in quel momento ero andato un'attimo in panne per tutte le pagine che avevo visitato, comunque, ho provato ad usarlo il template ufficiale ma per esempio non riesco a mettere lo sfondo dove uno vede i post e nella sidebar....

    RispondiElimina
  23. @manager
    Se non riesci a modificare lo sfondo dei template ufficiali di Blogger ti imbarchi nella modifica di modelli personalizzati?
    P.S. Basta andare su Modello > Personalizza

    RispondiElimina
  24. Ciao volevo complimenti per il post, volevo chiederti, bottom sta ad indicare la parte inferiore del widget, volevo sapere anche se si potevano diminuire lo spazio superiore e i laterali(potrebbe essere cambiando il nome, al posto di bottom metterne un'altro? se si quali sono i nomi?)
    Inoltre volevo sapere se poteva essere applicato anche alle colonne specialmente nel mio caso alla colonna di sinistra e quella centrale volevo diminuire lo spazio a sinistra che è troppo lontano dal margine, il link del sito per capire meglio è http://www.winningbetpronostici.com/ te ne sarei grato, grazie in anticipo!!

    RispondiElimina
  25. @infowinning...
    Il metodo può anche essere applicato alla parte superiore, margin-top, a quella sinistra, margin-left, e a quella destra, margin-right.

    RispondiElimina
  26. Ciao ernesto, ho bisogno del tuo aiuto su questo widget (colonna dx AUTOMOTIVE ADS), come metto il codice dell'inserzione ne viene fuori la schifezza che vedi...ho provato con firebug, manon ne esce nulla fuori, è come se il codice non volesse entrare nel suo spazio?....come posso fare per "ampliare quello spazio?
    Il blog è www.automotivespace.eu

    RispondiElimina
  27. @Unknown
    Io vedo una barra di scorrimento verticale. E' piuttosto comune. Chiedi al supporto di quel widget che mi sembra sia un programma di affiliazione. Alternativamente guarda se nel codice è presente il tag height e aumentane il valore.

    RispondiElimina
  28. Non ci riesco proprio a trovare ID giusto, difatti quando lo ricopio il codice da te fornito con il seguente ID per ridurre lo spazio dei widget in Avanzato>CSS mi rimane la distanza invariata.
    Uso il template semplice di blogger.
    Se ti linko il blog su facebook puoi aiutarmi quando avrai un po' di tempo e pazienza?

    RispondiElimina
    Risposte
    1. Ovvero non sono proprio negato, uno sono riuscito a ridurlo ma nell'altro id pare non funzionare (sempre se ho preso quello giusto), perché è un banner pubblicitario e non si capisce...

      Elimina
    2. @Andrea
      Se con uno funziona e con l'altro no allora c'è poco da fare

      Elimina
    3. Ho avuto un po' di fortuna anziché botton ho messo top ed in questo modo sono riuscito ad ottenere la stessa cosa :-D

      Volevo farti un'ultima domanda (almeno per oggi xD ).
      Togliersi la scritta .blogspot costa 10€ all'anno?
      E posso farla anche per un sito per adulti?
      E poi... se smetto di pagare questi 10€ ritorna tutto come prima o l'indicizzazione avrà effetti negativi?
      Lo sò che sono cose da chiedere al supporto, ma per loro è tutto perfetto e non parlano mai in negativo né di blogger né di Adsense...

      Elimina
    4. @Andrea-+-+
      Non ho mai provato con un sito vietato ma non vedo perché dovrebbero esserci problemi. Se si ritorna al vecchio dominio ci sono problemi con i link del dominio personalizzato che non vengono rediretti a quello gratuito. Per i vecchi collegamenti invece torna tutto come prima.

      Elimina
    5. Quindi se ad esempio tu tornassi a http://www.ideepercomputeredinternet.blogspot.com
      perderesti tutta l'indicizzazione accumulata?
      Caspita allora non conviene per i blog con visite mediocri :(

      Elimina
  29. Ciao Ernesto, ti ho contattato in privato ma mi hai chiesto di formulare la domanda qui. Devo modificare la distanza tra header e post/widget che sono sulla stessa linea
    Non riesco a trovare la porzione di codice da modificare. Ti ringrazio in anticipo. Buona serata.

    RispondiElimina
    Risposte
    1. @Live+-+-
      Ho provato a trovare il tuo blog ma non è presente nel tuo profilo quindi posso darti solo indicazioni generiche. Prova a inserire questo codice

      #header-inner {
      margin-bottom: -50px;
      }

      subito sopra alla riga

      ]]></b:skin>

      Puoi settare al meglio il valore -50px. Se non funziona leggi questo post

      http://www.ideepercomputeredinternet.com/2012/07/firebug-chrome-blogger-css-html.html

      per scoprire se hai un CSS diverso da header-inner per l'intestazione.

      Elimina
    2. Ho provato il codice purtroppo non non funziona. Il mio sito è quello che ti ho scritto in privato, sito di risultati sportivi in diretta che finisce con 365.

      Provo a leggermi anche il post con Firebug.

      Grazie per l'aiuto, buona domenica.

      Elimina
    3. @Live-+-+-
      Sempre sopra alla stessa linea incolla questo codice

      .main-inner {
      margin-top:-60px;
      }

      Se non va prova con questo

      .main-inner {
      margin-top:-60px !important;
      }

      poi puoi calcolare meglio la distanza

      Elimina
    4. Grazie, ti dovrebbero fare una statua. Ultima cosa e non ti disturbo più, dovrei fare la stessa cosa anche per il footer che è troppo distante. Grazie in anticpo.

      Elimina
  30. @Live
    Usa lo strumento che ti ho indicato qui
    http://www.ideepercomputeredinternet.com/2012/07/firebug-chrome-blogger-css-html.html
    dovrebbe essere una cosa tipo

    .post-footer {
    margin-top:-40px !important;
    }

    RispondiElimina
  31. Ciao Ernesto, mi duole contattarti di nuovo ma non riesco a venire a capo su un paio di punti. Sto utilizzando firebug e l'ispezione elemento di Chrome ma sto facendo solo macelli. Il sito deve avere una sidebar di sinistra da 180px e una di sinistra da 120px. Ho inserito degli iframe (le classifiche) con larghezza 100% per regolarmi sia nelle sidebar e nel post.
    Ti riepilogo un pò i problemi e se gentilmente mi puoi aiutare.
    Come puoi vedere dalla home page devo diminuire la dista tra sidebar di destra e il post e sempre tra post e sidebar di sinistra.
    Poi, non so cosa ho modificato, ma adesso i primi widget sono saliti più in alto e vedo che lasciano un pò di distanza i più rispetto a quelli posizionati in seconda posizione.

    Il codice del footer che mi hai postato purtroppo non funziona, ma questo è un problema secondario

    Spero tu possa aiutarmi, perchè devo completare il sito nella prossima settimana e poi starò fuori casa per 1 anno e non so se posso avere internet e un computer per continuare. Grazie tanto

    RispondiElimina
    Risposte
    1. @ Live
      Se si sceglie un modello scaricato da internet questo deve andare bene alla perfezione altrimenti è un guaio perché solo il suo autore ne conosce il codice e tutti i CSS. In linea di massima per ridurre lo spazio tra sidebar e area del post puoi leggerti questo articolo
      http://www.ideepercomputeredinternet.com/2011/11/i-nuovi-modelli-di-blogger-non-mi.html

      Per avvicinare la parte bassa del layout prova a aggiungere questo codice

      .footer-outer {
      margin-top:-50px;
      }
      sopra alla solita riga /b:skin
      però ci sono due banner che forse si danno fastidio

      Elimina
  32. oddio, proprio non mi riesce. ho applicato tutto per bene (credo) ma non si sposta nulla. template di blogger Awesome Inc. inoltre vorrei spostare più di un widget, in caso posso ripetere l'operazione per tutti anche con misure differenti?

    RispondiElimina
    Risposte
    1. inoltre dopo lo smanettamento il modello per cellulare mi si è impostato fisso sul template simple anche se lo voglio personalizzato (ovvero coi colori scelti per il modello web). cosa posso aver modificato?

      Elimina
    2. @ littlefive
      Se non si sposta nulla significa che non sei riuscito/a trovare il nome corretto del CSS o classe di stile con Firebug. Per cambiare il modello mobile vai su Modello, clicchi sulla rotellina dentata che sta sotto all'anteprima della interfaccia per il mobile e scegli Personalizza quindi salvi

      Elimina
    3. io ho usato il tuo codice sostituendo l'id con Text1 o HTML1 ad esempio. e ho provato sia con bottom che con top.
      per quanto riguarda il modell da cellulare è proprio selezionando il modello personalizzati dalla rotellina che ora mi lascia impostate le stesse caratteristiche del primo modello simple azzurrino mentre prima mi applicava il modello web da me modificato ma semplificato per cellulare. gli altri modelli preimpostati invece funzionano tutti.

      Elimina
    4. @ littlefive
      Incollami l'URL del blog e dimmi quali sono i widget che vuoi avvicinare o allontanare

      Elimina
  33. http://scatteredreddots.blogspot.com

    volevo avvicinare la scritta del copyright a quello di sopra e ridurre la distanza del translate e del search

    RispondiElimina
    Risposte
    1. @ littlefive
      Incolla questo codice

      #Translate1 {
      margin-top: -30px;
      }
      #HTML3 {
      margin-top: -40px;
      }

      sopra alla riga in rosso indicata nel post con /b:skin
      I valori in pixel poi li puoi modificare a piacere

      Elimina
  34. ora provo. per il problema della visualizzazione da cellulare hai suggerimenti??

    RispondiElimina
  35. @ littlefive
    Non sono nella tua Bacheca quindi non posso sapere se hai combinato casini o se si tratta di un disservizio di Blogger

    RispondiElimina
  36. pare sia il template che non lo prevede perché con altri template mi riesce

    RispondiElimina
    Risposte
    1. @ littlefive
      E' possibile. Prova con quest'altro codice

      #Translate1 {
      margin-top: -30px !important;
      }
      #HTML3 {
      margin-top: -40px !important;
      }

      Elimina
    2. perfetto, grazie mille!!!

      Elimina
  37. ciao ernesto, vorrei modificare la distanza tra alcuni widget del mio blog, ma non uso firefox... è possibile modificarli agendo solo sull'html, magari senza impazzire, senza passare per firebug?
    grazie mille

    RispondiElimina
  38. @# Francesca,
    Ogni modello e ogni widget ha una sua struttura. Per apportare delle modifiche bisogna conoscere le classi e gli ID dei vari elementi quindi è imprescindibile usare Firebug. C'è anche una versione per Chrome
    http://www.ideepercomputeredinternet.com/2012/07/firebug-chrome-blogger-css-html.html

    RispondiElimina
    Risposte
    1. ciao ernesto, grazie.
      stavo provando a scaricare firebug ma la mia versione di firefox è la 3.0.1 e non capisco quale versione di firebug posso scaricare

      Elimina
    2. @# Scusa ma fai l'aggiornamento così non hai problemi :)

      Elimina
  39. Scusate se mi permetto di chiedervi questo stò uscendo matto perché non riesco avvicinare i post. Innanzi tutto la mia pagina iniziale comprende 7 post tra cui i primi tre distantissimi tra loro e ancora gli ultimi quattro vicini tra loro ma distanti dai primi tre. Non riesco ho provato a risolvere il problema. Ho provato con questo codice nella HTML .post-outer {
    margin-bottom: -20px;
    }
    sopra ]]> ma nulla di fatto!!! Aiutooo...

    RispondiElimina
    Risposte
    1. @# Forse hai qualche widget che non si vede ma che comunque occupa spazio. Prova a analizzare con Firebug
      http://www.ideepercomputeredinternet.com/2011/05/firebug-e-una-estensione-di-firefox-per.html
      o Firebug Lite
      http://www.ideepercomputeredinternet.com/2012/07/firebug-chrome-blogger-css-html.html

      Elimina
  40. Buongiorno Ernesto, come stai?
    Ti scrivo per chiederti come posso fare per distanziare il primo post dalla barra del menù (o schede). E' un nuovo blog che sto preparando, ho fatto un copia e incolla da un vecchio modello, puoi vederlo qui: http://unisardegna.blogspot.it/
    Ti ringrazio anticipatamente, ti seguo sempre.

    Piergiorgio

    RispondiElimina
    Risposte
    1. Prova a incollare questo codice
      #PageList1 {margin-botton:50px !important}
      nella sezione < b:skin > subito sopra alla ultima riga
      @#

      Elimina
  41. No Ernesto, non funziona... ovvero non mi fa l'anteprima

    RispondiElimina
    Risposte
    1. Seguimi nei prossimi giorni perché dovrei affrontare proprio un tema simile a questo. Non capisco che c'entri l'Anteprima. Se si dovesse guardare il funzionamento di una modifica dall'Anteprima staremo freschi :)
      @#

      Elimina
  42. Ho provato a salvare senza anteprima ma non cambia nulla, ti seguirò nei prossimi giorni :)

    RispondiElimina
  43. Ciao Ernesto, ho un piccolo problema con la versione mobile. Praticamente mi trovo uno spazio molto ampio tra header e post e una piccola "x" abbastanza fastidiosa, sa per caso il motivo? Seconda domanda: vorrei ridurre lo spazio tra l'immagine che ho messo e l'header, cosa ootrei fare? Grazie mille per le rispostre

    RispondiElimina
    Risposte
    1. @# C'è un annuncio tra header e il resto del layout. Imponi i tag condizionali per mostrarlo solo nella versione desktop
      http://www.ideepercomputeredinternet.com/2014/11/blogger-tag-condizionali-desktop-mobile.html
      Io il blog da mobile lo vedo così
      http://i.imgur.com/idANmWj.png
      La x è la crocetta per togliere i risultati della ricerca. Non so perché si mostri sempre. Per toglierla puoi mettere nei CSS qauesto codice
      #uds-searchControl{display:none;}

      Elimina
    2. Funziona alla perfezione, grazie mille! Grande!

      Elimina
  44. Ciao, hospesomoltisoldi.blogspot.com
    Vorrei far diminuire lo spazio bianco tra la colonna sinistra e lo sfondo verde e anche a destra. Ma non vorrei modificare tutti gli altri gadget e la colonna centrale. Solo, restringere lo sfondo bianco. è possibile?

    RispondiElimina
    Risposte
    1. Vorresti aumentare le larghezze delle sidebar in sostanza. Ci sono vari modi. Il più semplice è questo
      http://www.ideepercomputeredinternet.com/2011/05/come-cambiare-la-larghezza-del-blog-e.html
      però prima di procedere salva il modello. Andando su Personalizza qualche volta si modifica il template. Alternativamente puoi provare a incollare questo CSS

      .column-left-outer {margin-left:-50px !important;}
      .column-right-outer {margin-right:-50px !important;}

      subito sopra alla riga con /b:skin. Se non funziona prova a trovare i selettori univoci da solo
      http://www.ideepercomputeredinternet.com/2014/12/analizza-elemento-firefox.html
      @#

      Elimina
    2. http://www.ideepercomputeredinternet.com/2011/11/i-nuovi-modelli-di-blogger-non-mi.html risolto con questo articolo. :) Guarda!
      http://hospesomoltisoldi.blogspot.it/

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy