Come allargare la dimensione del template di un blog su Blogger oltre i 1000 pixel

Per aumentare la dimensione complessiva delle colonna centrale e di quelle laterali di un blog su Blogger oltre la misura di 1000 pixel che è possibile impostare direttamente dal Designer di Modelli bisogna inserire dalla bacheca di Blogger in “Design”>”Modifica HTML una modifica HTML al template.
Dopo aver salvato per sicurezza una copia del template ed individuato con una scorciatoia da tastiera il rigo con il codice:

<b:template-skin>

è possibile sostituire nel rigo subito sotto:

<b:variable default='930px' name='content.width' type='length' value='1000px'/>

al valore impostato a 1000 px nella porzione “value='1000px” la larghezza in pixel che si desidera applicare al template del blog su Blogger.

come allargare template  blog blogger 
Subito dopo l’inserimento della modifica per allargare il modello di Blogger (es. 1040 pixel) è possibile cliccare su “Anteprima” per controllare il risultato ed eventualmente salvare il template, con le nuove impostazioni di larghezza applicate,cliccando sul tasto “Salva modello”.
Da questo momento,come è visibile in Test per blogger,la larghezza complessiva in px del template del blog su Blogger sarà quella inserita nel codice HTML del modello.
Questa nuova dimensione in pixel sarà a disposizione nella sezione “Layout” del Designer di Modelli per impostare la larghezza della colonna centrale del post e della sidebar del blog di Blogspot

come aumentare dimensioni colonna oltre designer modelli

52 commenti:

  1. ciao Fabrizio.
    Ho scoperto quest'altro tuo blog utilissimo. Ora lo linko.
    Ciao e grazie del tuo preziosissimo supporto.

    RispondiElimina
  2. Ciao Ambra,sei sempre molto gentile:)
    Grazie a te per la visita e per il link!
    Ciao e buona giornata:)
    Fabrizio

    RispondiElimina
  3. Ma sei un tornado. Adesso linko anche questo ;O)

    RispondiElimina
  4. Ciao Sandra,grazie per il link e per il complimento!:)
    Buona serata:)
    Fabrizio

    RispondiElimina
  5. soluzione perfetta e semplice
    grazie Fabrizio
    Michela

    RispondiElimina
  6. ottima e semplice soluzione che mi ha risolto il problema
    grazie
    Michela

    RispondiElimina
  7. Ciao Michela,sono felice che il post ti sia stato utile!
    Grazie a te per il commento:)
    Ciao e buona giornata!
    Fabrizio

    RispondiElimina
  8. ciao.. il tuo blog è davvero utilissimo per chi come me è alle prime ari con blogger.. ti ringrazio e ti seguirò !!!!!

    RispondiElimina
  9. @Pasticcina85
    Sei molto gentile,grazie!
    Le tue parole di apprezzamento per il mio lavoro nel blog mi fanno veramente molto piacere!
    Ciao:)
    Fabrizio

    RispondiElimina
  10. ciao.. grazie per tutti i consigli che sono utilissimi..però io avrei un altro quesito e cercando su google non ho trovato nulla a riguardo..nel mio blog vorrei togliere/ridurre lo spazio tra la colonna del contenuto e quella della colonna di destra..una volta con i vecchi template riuscivo a farlo, ma adesso non so piùche cosa andare a modificare..il mio modello è il Fantastico..grazie per l'eventuale risposta..ciao..

    RispondiElimina
  11. Ciao e grazie intanto a te per i complimenti!
    Se non dovessi trovare una soluzione inviami eventualmente il codice HTML del tuo template(a castellifabrizio@gmail.com ) per provare ad individuare possibili soluzioni adatte al modello.
    Ciao:)
    Fabrizio

    RispondiElimina
  12. ciao e grazie per il tutorial
    l'unica cosa che trovo difficoltà ora
    e il fatto che la foto che ho al posto della descrizione non e centrata
    come posso fare?? grazie mille in anticipo

    RispondiElimina
  13. Ciao Denny,sono contento che il post ti sia stato utile,grazie a te per il commento:)
    Controlla intanto le indicazioni di questo post ed eventualmente le risposte inserite nei commenti.
    http://blogetemplate.blogspot.com/2010/04/come-modificare-la-posizione-del-titolo.html
    Aspetto notizie!
    Ciao:)
    Fabrizio

    RispondiElimina
  14. Che dire? I tuoi post sono uno meglio dell'altro!!!

    RispondiElimina
  15. Grazie Francesca!!
    Sei sempre molto gentile:)
    Ciao e buona giornata!
    Fabrizio

    RispondiElimina
  16. ciao fabrizio! sono appena arrivata qui e ho subito trovato interessante questo post! solo che purtroppo ho scoperto di non avere il tag ma questo come è possibile? potresti aiutarmi a capire come posso aumentare la larghezza del template? grazie mille!
    questo è il mio blog: http//queenofchocolate.blogspot.com

    RispondiElimina
  17. @The Queen of Chocolate
    Ciao e grazie intanto per i complimenti!
    Se utilizzi un template personalizzato esterno purtroppo non è possibile utilizzare questo tipo di soluzione,controlla intanto se nei commenti al template presenti sul sito dal quale lo hai prelevato sono presenti informazioni sull'argomento.
    Ciao:)
    Fabrizio

    RispondiElimina
  18. ti ringrazio! pensa un pò non la sapevo questa cosa! controllerò grazie!

    RispondiElimina
  19. Figurati!:)
    Se non dovessi trovare informazioni utili,inviami eventualmente in una mail il link alla pagina dalla quale hai scaricato il modello per poter verificare eventuali soluzioni alternative.
    Ciao e buon fine settimana:)
    Fabrizio

    RispondiElimina
  20. Fabrizio complimenti sei troppo un blogger professionista..

    RispondiElimina
  21. Grazie per il post!! Molto utile sono riuscita a modificare il template.
    Posso mettere anche 2000?
    Perchè ad esempio io avevo 1000 px,ho modificato con 1050 px ma i bordi ai lati sono rimasti fli stessi.Vorrei allargarlo ancora di più in modo che aumenti anche il corpo messaggio.

    RispondiElimina
  22. @crazy4makeup
    Ciao ed intanto grazie a te per il commento,è preferibile non allargare eccessivamente il template per non creare eccessivi problemi a chi utilizza monitor con risoluzioni più basse.
    Hai già provato a modificare la ripartizione dello spazio tra le colonne dal menu "Layout" del Designer di modelli?
    Ciao
    Fabrizio

    RispondiElimina
  23. ciao Fabrizio mi chiamo tina e volevo sapere come aumentare la dimensione della foto di un blog.grazie per la tua risposta;)

    RispondiElimina
  24. @tina78
    Ti riferisci ad una foto da utilizzare come sfondo o in una diversa posizione?
    Ciao:)
    Fabrizio

    RispondiElimina
  25. ciao Fabrizio,mi riferivo alle foto di ricette di cucina e pubblico nel post vorrei che le foto si vedessero più grandi;grazie

    RispondiElimina
  26. Ciao Tina,
    hai comunque dià la possibilità di selezionare una delle diverse misure che vengono visualizzate nella barra orizzontale che appare dopo aver selezionato la foto?
    Ciao:)
    Fabri

    RispondiElimina
  27. sono un po imbranata a quale barra ti riferisci?quando aggiungo la foto nel post?

    RispondiElimina
  28. Ciao ti volevo dire che ci sono riuscita grazie infinite e buon lavoro;)

    RispondiElimina
  29. Benissimo Tina!
    Grazie a te per l'aggiornamento.
    Ciao e buona domenica:)
    Fabri

    RispondiElimina
  30. ciao
    vole fare una domanda
    io vorrei rendere visibile i commenti sotto ai post.
    è possibile o devono per forza rimanere nascosti?

    RispondiElimina
  31. perchè io non trovi questi valori? posso chiederti una mail privata a cui scriverti, ho bisogno del tuo aiuto.

    grazie

    RispondiElimina
  32. Ciao Raffaella,
    puoi scrivermi a: castellifabrizio@gmail.com
    Ciao:)
    Fabri

    RispondiElimina
  33. Ciao Fabrizio, che dimensione mi consiglieresti per il mio blog?
    Adesso ho 1280, ma mi è stato detto che sarebbe meglio avere un 1024, ma per me è un problema perchè ho sempre caricato immagini a 800px + barra banner (300px) ... non ci rientro!!!:(
    Grazie mille

    RispondiElimina
  34. Ciao Riccardo,
    io generalmente provo sempre a contenere la dimensione dei blog almeno entro i 1100 px...
    Ciao e buona giornata!
    Fabri

    RispondiElimina
  35. Ciao Fabrizio, il mio problema è con il Template Kaleidoscope, vorrei allargare la sidebar e la parte dedicata ai post. Tra l'altro ci sono anche dei margini credo tra sidebar e corpo centrale diciamo...come posso risolvere intervenendo sull'html?
    Grazie per l'attenzione ;)

    RispondiElimina
  36. Ciao Anna,inviami eventualmente il tuo template per verificare se è possibile ottenere questo risultato.
    Puoi scrivermi a castellifabrizio@gmail.com
    Ciao
    Fabrizio

    RispondiElimina
  37. caro fabrizio, questo è il mio blog: http://www.isegoriablog.com. ingenuamente pensavo che bastasse sistemarlo in proporzione al mio schermo, così adesso ha 1300 px di larghezza. Mi ha ingannato anche il fatto che tutti i computer della mia famiglia lo vedono come me. Poi ho scoperto che un amico lo vede tagliato. come posso “rimpicciolire” il tutto senza rinunciare alle barre laterali? un po' come il tuo insomma...dal mio monitor il tuo sito ha spazi vuoti a destra e sinistra, ma per altri sarà perfetto sullo schermo, per nessuno è tagliato. Ecco come faccio ad ottenere una cosa simile?

    RispondiElimina
  38. Ciao Emanuele,
    dovresti poter modificare la larghezza dell'intero blog utilizzando questa procedura:
    http://provediblogger.blogspot.it/2010/08/come-modificare-la-larghezza-delle.html
    (Per evitare i problemi che descrivi è preferibile utilizzare larghezze tra i 1000 e i 1150 px)
    Ciao
    Fabri

    RispondiElimina
  39. ciao Fabrizio grazie per l'aiuto ho modificato la larghezza del mio layout a 1150. vorrei ora però che il mio blog (home page e pagina statica, si adattasse automaticamente alle dimensioni dei vari monitor, senza dover far uso delle frecce di navigazione verticali, è possibile? questo è il link di una pagina tipo: http://www.donatelloamabile.com/p/design.html
    grazie mille.

    RispondiElimina
  40. Ciao Donatello,
    se non l'avessi già fatto, prova a sostituire al valore in pixel l'impostazione in percentuale:
    100%
    Ciao
    Fabrizio

    RispondiElimina
  41. Ciao Fabrizio buona sera, ora sto cercando di capire come posso eliminare la distanza tra sidebar e post, ho provato in tutti i modi con codici css e anche modificando le larghezze ma sono arrivata a 1300 e con alcuni browser vedo il blog enorme e caratteri diversi.. ma a parte questo poi ci penserò... è possibile ridurre al massimo lo spazio tra sidebar e post? come se fosse una pagina unica? (capito che intendo?) Grazie :)

    RispondiElimina
  42. senti ti mando il link?
    http://lemedichessediclo.blogspot.it/

    Grazie sempre

    RispondiElimina
    Risposte
    1. Ciao
      controlla se ti può essere utile il CSS:

      #sidebar-right-1{
      margin-left: 10px !important;
      }

      dovrai inserire il css utilizzando la procedura per aggiungere CSS in Blogger
      http://appuntiperblogger.blogspot.it/2010/12/come-inserire-css-in-blogger.html
      (Se dovesse funzionare potrai naturalmente modificare il valore indicato in px)
      Ciao
      Fabrizio

      Elimina
    2. Buongiorno Fabrizio e grazie sempre dei riscontri che ci dai... dunque avevo provato anche come suggerisci tu giocando sui px ma niente mi si avvicinava la sidebar di destra e l'altra restava li, mi sono resa conto che mettendo le sidebar a dx e sx il blog non funziona bene i gadget avevano dimensioni differenti ed era brutto esteticamente, così alla fine ho cambiato tutto il layout del blog e ho tolto lo sfondo, ho spostato tutto a dx, in questo modo sembra più ordinato e pulito (anche se uno sfondo diverso mi divertiva :) ora quello che mi resta da fare è inserire una linea verticale che separa le sidebar dai post sono riuscita a mettere solo quelle orizzontali sotto ai gadget, dove posso cercare? Grazie ancora http://lemedichessediclo.blogspot.it/

      Elimina
  43. Sì... aspettavo di sapere se funzionava il css che ti indicavo nel precedente messaggio per indicarti eventualmente quello da provare per la colonna sinistra.
    In ogni caso va benissimo la soluzione che hai adottato adesso.
    Per quanto riguarda il divisorio controlla se è disponibile nella sezione "Avanzato" del Designer di modelli il sottomenu "Accenti"
    Ciao
    Fabrizio

    RispondiElimina
    Risposte
    1. eccomi ciao Fabrizio, nella sezione avanzato non c'è questa impostazione nel sottomenu, forse ho il vecchio Designer ?

      Elimina
  44. In questo caso è possibile che il template che utilizzi non supporti questa impostazione.
    Ciao e buona serata
    Fabrizio

    RispondiElimina
  45. Ciao Francesco e complimenti per il tuo blog. Avrei bisogno di una dritta se è possibile. Vorrei ridurre l'altezza della foto dell'header e precisamente la parte superiore. Sai come fare? Grazie, Andrea

    RispondiElimina
  46. Ciao Andrea,
    se ti riferisci a Blogger, dal gadget "Intestazione" tramite l'opzione "Riduci e adatta" dovresti poter impostare la larghezza massima, per quanto riguarda l'altezza la soluzione più immediata dovrebbe essere quella di caricare l'immagine nelle esatte dimensioni che si desiderano.
    Saluti
    Fabrizio

    RispondiElimina
  47. Ciao Fabrizio,

    Sono riuscito a cambiare la dimensione come spiegato nel suo articolo.
    Quello che vorrei capire e´se sono in grado di inserire le foto allineate orizzontalmente dal momento che il templare dei post si sviluppa solo in verticale.

    saluti,

    Stefano.

    RispondiElimina
  48. Salve Stefano,
    dal "Designer di modelli" di Blogger dopo aver caricato una foto come sfondo dovresti poter utilizzare le opzioni "Allineamento" e "Affianca" per posizionare lo sfondo nel modo migliore.
    Ciao
    Fabrizio

    RispondiElimina

Se hai bisogno di:
Consulenza ed Ottimizzazione SEO del blog + Assistenza personalizzata 
una proposta realizzata in modo specifico per gli amministratori di  blog di informazione e intrattenimento (fashion, food, news, travel, personali, shopping, artistici/creativi, etc.) su piattaforma WordPress e su Blogger.  

Puoi trovare i dettagli dell'offerta in questa pagina 


Per i lettori di TEST PER BLOGGER è possibile usufruire di una offerta promo, con una riduzione del 30% rispetto al prezzo indicato, utilizzando in fase di acquisto, direttamente dal sito, il codice promozionale: 

promotestperblogger