Il restyling del mio blog, di questi giorni, mi ha portata ad addentrarmi in argomenti con cui ho un rapporto di amore-odio, amore quando ottengo il risultato atteso, l’odio (o quanto meno un po’ di frustrazione) nei diecimila tentativi impiegati per arrivare a quel risultato. Comunque anche una profana come me è riuscita, sicuramente grazie all’aiuto di altri blogger più ferrati , a cimentarsi nei pezzi forti della realizzazione di un template a tre colonne, nella personalizzazione della home page, nella realizzazione di un banner e della relativa teca d’esposizone (lo so che non si chiama così, ma non mettetemi fretta…)
Posterò il mio calvario per tutti gli altri impediti della rete che vogliono cimentarsi nella stessa avventura, se ci sono riuscita io, garantito, ci possono riuscire tutti, a iniziare dalla realizzazione del template a tre colonne.
Sui template ognuno ha le proprie idee, c’è chi lo prende così come lo trova e non lo personalizza minimamente, e chi invece è alla ricerca di un template che calzi come un vestito su misura, io sono una chiacchierona cronica (si dice logorroica?) per cui un template troppo stretto sarebbe risultato dispersivo per contenere i miei post, inoltre mi piace aggiungere immagini e, forse perché sono miope, mi piace anche vederle belle grandi, così come i caratteri di scrittura, per cui le dimensioni del mio blocco dei post (si, lo so, non si chiama così tecnicamente….) deve essere necessariamente generoso.
Tra i vari template di blogger poi preferivo quelli a tutto schermo, perché dotati di una colonna molto ampia da poter riempire con testo, foto e tool vari, ma esteticamente la trovavo anche “troppo ampia” e spesso sguarnita nei bordi, insomma, perché non togliere un po’ di spazio dalla colonna di sinistra per crearne una a destra e raddoppiare lo spazio della home page? Avevo già provato ad installare un template preconfezionato a tre colonne scaricandolo dal sito http://www.blogcrowds.com/ eppure, pur seguendo quelle che dovevano essere istruzioni semplici (ossia scegliere lo stesso tipo di modello adottato per il proprio blog, copiare e incollare il codice e sostituirlo integralmente nella relativa pagina html) io non ci sono riuscita, il sistema mi restituiva messaggi in cui segnalava il codice inesatto, forse per la mancanza di tutti i tag di chiusura. Poi un giorno, visitando il blog sempre aggiornato e utile di yuri ho trovato questo post e ho provato a cimentarmi anche io, ci ho lavorato un po’ su e la terza colonna è finalmente venuta alla luce.
Ho fatto esperimenti su vari modelli, quello che offre maggior corrispondenza di html è il minima, personalmente ho scelto lo snapshot, anche se avrei preferito un modello più personalizzabile dal punto di vista cromatico (va beh, lo faccio per il prossimo cambio di stagione). La modifica che bisogna apportare all’html consiste nel rintracciare determinate stringhe di testo e sostituirle con altro testo, questo implica che, se il nostro modello è già fornito di una colonna destra, dovremo seguire solo le istruzioni per creare la sinistra e viceversa.
Siete pronti? Partiamo allora: Bacheca; modifica html ed espandere i windget (credo che questo ultimo passaggio non sia sempre determinante, se tra un salvataggio e l’altro vi dimenticate di estenderli probabilmente il risultato non cambierà.)
Iniziamo con il creare la terza colonna a destra (ossia il vostro modello ha un corpo centrale e una colonna a sinistra)
Aprite un’altra scheda del vostro browser (io ho usato firefox), che vi servirà solo per agevolarvi nelle ricerche con l’aiuto dell’evidenziatore. Dovrete infatti cercare molte stringhe sparpagliate nel codice, e senza evidenziatore l’impresa risulterebbe lunga e sfiancante.
Andando invece nella pagina web vuota e chiedendo la ricerca di una determinata striscia
Individuato il testo
Nessun commento:
Posta un commento