Ma procediamo per ordine.
Per prima cosa dovete entrare su adsense e ottenere il codice html dell'annuncio che volete inserire, solitamente il più utilizzato è il rettangolo grande, formato che più degli altri ha dato buoni risultati.
Visualizzazione post con etichetta template. Mostra tutti i post
Visualizzazione post con etichetta template. Mostra tutti i post
Inserire i codici adsense nei post dei modelli scaricati online e l'anteprima dei post
Ma procediamo per ordine.
Per prima cosa dovete entrare su adsense e ottenere il codice html dell'annuncio che volete inserire, solitamente il più utilizzato è il rettangolo grande, formato che più degli altri ha dato buoni risultati.
I migliori template per blogger
Siccome di blog non ho solo questo (ma tutta una collezione) ne ho provati parecchi nel corso degli anni e ora voglio segnalarvi i migliori siti di template gratuiti per blogger che ho trovato:
Iniziamo con free blogger template, ovvero il sito dove ho preso questo template, che continua a piacermi nonostente lo indossi oramai da.. un paio d'anni!
Il sito offre una delle gallerie più complete di modelli, alcuni a pagamento (solo i primi), molti modelli particolari e adatti a blog specifici e alcuni particolarmente interessanti anche dal punto di vista dell'ottimizzazione grafica, come questo business blue template che non ho ancora testato ma mi sembra molto pulito per essere un tre colonne. Altro modello particolarmente interessante è il Curved Template, eccone un esempio online.
Un altro sito che vale sicuramente la pena di sfogliare con attenzione è bTemplates, la galleria di modelli disponibili è ricchissima, alcuni sono colorati e frizzanti adatti a blog personali, altri sono versatili e professionali e ricordano molto i modelli ottimizzati seo, disponibili da 1, 2, 3 o 4 colonne.
Altro riferimento nel web per i blog di google è sicuramente templatesparavoce, i modelli disponibili sono piuttosto complessi e articolati ma alcuni valgono davvero la pena, questo un esempio dei miei preferiti, adattato però togliendo alcune funzioni per renderlo più semplice visto che il contenuto è limitato.
Ed ecco un altro mio blog per il quale ho adottato un modello che trovo veramente pratico, scaricato gratuitamente da free blogger template. I template di questo sito in particolare non mi hanno mai dato nessun problema (in altri casi ho dovuto disinstallarli perchè non tutto funzionava alla perfezione), sono perfettamente compatibili con blogger, modificabili nei colori e nel carattere, perfetti tanto per blog personali quanto professionali. Se dovessi dare un voto a questo sito sarebbe un 10 pieno, forse la galleria non è ricchissima come in altri siti ma le proposte sono tutte ottime e funzionali. Il modello che vi ho linkato offre una particolarità che non è da tutti, ovvero è a 2 e a 3 colonne al tempo stesso, infatti lo spazio laterale dedicato alla seconda colonna ad un certo punto si stringe e permette l'inserimento di widget e altro su due colonne affiancate. Versatilissimo, l'unico problema (se proprio vogliamo trovarne uno) è che ha una sorta di equilibrio preimpostato per cui non ci lascia cambiare la disposizione dei gadget secondo la nostra unica volontà ma rispetta un equilibrio totale, in pratica se volete spostare un gadget da un posto all'altro, per riuscirci, dovrete probabilmente creare tutta una serie di caselle vuote per permettere al sistema di liberare uno slot nella zona che vi interessa. Complicato? forse un po', se proprio avete molte cose in home page, ma vi assicuro che ne vale la pena.
Altro sito che offre una manciata di modelli interessanti è freshbloggertemplates, i modelli sono pochi ma funzionano bene alcuni sono ottimizzati seo, come questo.
Vi segnalo infine pyzam.com un sito che offre template per blogger meno pratici da un punto di vista organizzativo, ma con skin originali e adatte a chi cerca qualcosa di molto vicino all'argomento del blog che tratta. Ecco, per esempio su questo sito trovate anche il template di hello kitty.
NEW ENTRY: theme craft! appena scoperto questo sito di template per wordpress riadattati per bloger, alcuni sono strepitosi, cercate bene e trovate di sicuro il template giusto per un blog a tema, colorati, vivaci, forse non il massimo come pulizia se siete dei puristi ma vale davvero la pena di farci un giro, sicuramente originalissimi e diversi da tutto quello che si trova in giro
Nuovo template!
Eccomi di nuovo a voi con un nuovo template, è vero, con il cambio di stagione mi viene il desiderio di cambiare d'abito anche al mio blog, ma la necessità di cambiare nuovamente template è nata dalla considerazione che 4 colonne erano davvero troppe per quello che ho da dire io, e lasciare molto spazio vuoto in fondo alle colonne laterali a discapito dell'area del post mi è sembrato inutile e poco pratico.
Dunque cambio template.
Questa volta però non l'ho creato io, mi sono appoggiata a siti che permettono di scaricare i template compatibili con google gratuitamente, e devo dire che la scelta è stata molto difficile...
Il sito da cui ho scaricato questo template è eblog Templates , forse il più completo dei siti che ho visitato ultimamente. Le pagine di template compatibili con blogger sono 13, alcuni modelli, per essere scaricati, richiedono l'iscrizione, io a dire il vero ho anche provato a iscrivermi ma non ho capito comunque come scaricarli, in ogni caso si tratta di pochi modelli, alcuni particolarmente adatti a template commerciali per via della grafica molto fitta e delle finestre laterali adatte a contenere banner pubblicitari grafici.
Dallo stesso sito ho già scaricato il template che ho utilizzato per il blog di trivagoitalia , un progetto che nasce in collaborazione con gli altri iscritti al sito di trivago.it che mi ha vista parecchio attiva in questi ultimi mesi, e di cui vi ho già parlato in questo post.
I template di questo sito sono particolarmente belli e permettono di inserire alcune "chicche" che nei blog di default di blogger non sono ancora state inserite, come le linguette in alto che evidenziano alcuni post.
Il link alla home page solitamente viene inserito in modo automatico, gli altri link dovremo modificarli noi andando ad inserire il codice html della pagina che vogliamo linkare.
Come avviene questo procedimento?
Io ho linkato la mia pagina di scambio links, non essendo un'esperta di html e quindi non sapendo costruire un codice da sola ho aggirato l'ostacolo inserendo una casella html nel layout del mio blog su cui ho scritto "scambio links" associandolo poi al percorso del link.
In questo modo google mi ha resistuito il codice html del mio scambio links ovvero un testo
< href=" http: //opinionidirette.blogspot.com/2008/05/links- amici.html"> scambio links che io sono andata ad inserire nel mio modello htlm.
Per sapere il punto esatto dove inserire il code basta aprire una pagina di ricerca google e inserire le parole già presenti nelle etichette, per esempio "contact me" e poi cliccare sull'evidenziatore giallo. Tornando sulla pagina del nostro modello html basterà scorrere fino al punto in cui troveremo un testo evidenziato, a quel punto la sostituzione sarà semplice, basterà prendere ad esempio il codice della home e inserire la nuova stringa sostituendo un testo non utilizzato. Allo stesso modo si possono aggiungere altre spunte, copiando e incollando il codice tutte le volte che serve e modificandolo con l'indirizzo e il titolo del link.
Alcuni dei modelli di questo sito, poi, presentano già degli elementi incorporati quali barre di ricerca e codici adsense. Difficilmente vorrete tenere un codice adsense a ridosso dell'intestazione appartenente ad un pur bravo ma sconosciuto webmaster, quindi dovrete andare a cercare il codice adsense nell'html e sostituire il suo numero cliente con il vostro.
Altri template per blogger li trovate a questi siti:
http://www.gekissimo.net/2008/06/template-blogger-pronti-per-il-vostro.html
http://www.jackbook.com/category/blogger-templates-gallery
http://www.finalsense.com/services/blog_templates/help.htm (questo è il sito dove troverete anche il template a 4 colonne che ho appena... dismesso)
e ancora in questo sito http://www.blogspottemplate.com/ da dove ho attinto per il blog dueconti usando un template che ha un grandissimo vantaggio, ovvero di poter essere usato alternativamente come un due colonne o un tre: infatti lo spazio a disposizione delle colonne laterali presenta uno scheletro flessibile, che si presenta in questo modo
Ultimo consiglio, prima che iniziate a farvi contagiare dal desiderio di cambiare d'abito:
cambiando il template tutti i widget che avete inserito andranno persi, quindi prima di iniziare a fare esperimenti salvateli in documenti di testo o piuttosto spostateli temporaneamente su altri blog. Questione più complicata per gli scambi links che avete in home page, per non perderli vi consiglio di copiarli in blocco selezionandoli, evidenziandoli e copiandoli (control c) per poi rilasciarli, sempre in blocco (control v) all'interno di una pagina di post, eventualmente quella di scambio links. Quanto meno non perderete i vostri links amici, e poi, tempo permettendo, potrete risistemarli in home page.
Importante: molti dei template che troverete non hanno la barra di google in alto, quella attraverso il quale si è soliti muoversi per raggiungere il layout e la bacheca. A questo inconveniente dovrete ovviare creando un link interno che rimanda alla bacheca o alla pagina del layout direttamente.
P.S. Lascio un commento per l'amico Daniele , o meglio, a lui lascio direttamente un link personalizzato
Dunque cambio template.
Questa volta però non l'ho creato io, mi sono appoggiata a siti che permettono di scaricare i template compatibili con google gratuitamente, e devo dire che la scelta è stata molto difficile...
Il sito da cui ho scaricato questo template è eblog Templates , forse il più completo dei siti che ho visitato ultimamente. Le pagine di template compatibili con blogger sono 13, alcuni modelli, per essere scaricati, richiedono l'iscrizione, io a dire il vero ho anche provato a iscrivermi ma non ho capito comunque come scaricarli, in ogni caso si tratta di pochi modelli, alcuni particolarmente adatti a template commerciali per via della grafica molto fitta e delle finestre laterali adatte a contenere banner pubblicitari grafici.
Dallo stesso sito ho già scaricato il template che ho utilizzato per il blog di trivagoitalia , un progetto che nasce in collaborazione con gli altri iscritti al sito di trivago.it che mi ha vista parecchio attiva in questi ultimi mesi, e di cui vi ho già parlato in questo post.
I template di questo sito sono particolarmente belli e permettono di inserire alcune "chicche" che nei blog di default di blogger non sono ancora state inserite, come le linguette in alto che evidenziano alcuni post.
Il link alla home page solitamente viene inserito in modo automatico, gli altri link dovremo modificarli noi andando ad inserire il codice html della pagina che vogliamo linkare.
Come avviene questo procedimento?
Io ho linkato la mia pagina di scambio links, non essendo un'esperta di html e quindi non sapendo costruire un codice da sola ho aggirato l'ostacolo inserendo una casella html nel layout del mio blog su cui ho scritto "scambio links" associandolo poi al percorso del link.
In questo modo google mi ha resistuito il codice html del mio scambio links ovvero un testo
< href=" http: //opinionidirette.blogspot.com/2008/05/links- amici.html"> scambio links che io sono andata ad inserire nel mio modello htlm.
Per sapere il punto esatto dove inserire il code basta aprire una pagina di ricerca google e inserire le parole già presenti nelle etichette, per esempio "contact me" e poi cliccare sull'evidenziatore giallo. Tornando sulla pagina del nostro modello html basterà scorrere fino al punto in cui troveremo un testo evidenziato, a quel punto la sostituzione sarà semplice, basterà prendere ad esempio il codice della home e inserire la nuova stringa sostituendo un testo non utilizzato. Allo stesso modo si possono aggiungere altre spunte, copiando e incollando il codice tutte le volte che serve e modificandolo con l'indirizzo e il titolo del link.
Alcuni dei modelli di questo sito, poi, presentano già degli elementi incorporati quali barre di ricerca e codici adsense. Difficilmente vorrete tenere un codice adsense a ridosso dell'intestazione appartenente ad un pur bravo ma sconosciuto webmaster, quindi dovrete andare a cercare il codice adsense nell'html e sostituire il suo numero cliente con il vostro.
Altri template per blogger li trovate a questi siti:
http://www.gekissimo.net/2008/06/template-blogger-pronti-per-il-vostro.html
http://www.jackbook.com/category/blogger-templates-gallery
http://www.finalsense.com/services/blog_templates/help.htm (questo è il sito dove troverete anche il template a 4 colonne che ho appena... dismesso)
e ancora in questo sito http://www.blogspottemplate.com/ da dove ho attinto per il blog dueconti usando un template che ha un grandissimo vantaggio, ovvero di poter essere usato alternativamente come un due colonne o un tre: infatti lo spazio a disposizione delle colonne laterali presenta uno scheletro flessibile, che si presenta in questo modo
Ultimo consiglio, prima che iniziate a farvi contagiare dal desiderio di cambiare d'abito:
cambiando il template tutti i widget che avete inserito andranno persi, quindi prima di iniziare a fare esperimenti salvateli in documenti di testo o piuttosto spostateli temporaneamente su altri blog. Questione più complicata per gli scambi links che avete in home page, per non perderli vi consiglio di copiarli in blocco selezionandoli, evidenziandoli e copiandoli (control c) per poi rilasciarli, sempre in blocco (control v) all'interno di una pagina di post, eventualmente quella di scambio links. Quanto meno non perderete i vostri links amici, e poi, tempo permettendo, potrete risistemarli in home page.
Importante: molti dei template che troverete non hanno la barra di google in alto, quella attraverso il quale si è soliti muoversi per raggiungere il layout e la bacheca. A questo inconveniente dovrete ovviare creando un link interno che rimanda alla bacheca o alla pagina del layout direttamente.
P.S. Lascio un commento per l'amico Daniele , o meglio, a lui lascio direttamente un link personalizzato
Blogger: le tre colonne alla portata di tutti
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
Iscriviti a:
Post (Atom)