- Home
- Post archiviati in designer modelli
Pubblicato il 01/06/12 - aggiornato il | 7 commenti :
Come creare un template personalizzato con il Designer Modelli.
Pubblicato il 13/06/11 - aggiornato il | Nessun commento :
Blogger Mobile supporta tutti e 27 i template del Designer Modelli.
Alla fine dello scorso anno Blogger rese finalmente disponibile la versione mobile del blog. Ricordo che per attivarla bisogna andare su Bacheca > Impostazioni > Email & cellulare, mettere la spunta su Mostra modello per cellulari e cliccare in basso su Salva Impostazioni. Se non lo avete fatto non indugiate ancora. In questo modo, se un navigatore arriverà sul blog tramite smartphone, sarà rediretto a una nuova pagina che per questo blog è
http://www.ideepercomputeredinternet.com/?m=1
I modelli finora supportati erano solo quello Semplice e quello Fantastico (Simple e Awesome); con un post di qualche giorno fa, Blogger Buzz ha annunciato che adesso sono supportati dalla versione mobile tutti e 27 i template del Designer Modelli. Se si ha un modello vecchio, scaricato da altri siti o fortemente personalizzato, sarà comunque possibile averne la versione mobile di default. Dopo aver attivato questa funzionalità, aggiungete la stringa ?m=1 all'indirizzo della home con la slash finale, incollatelo nel browser e cliccate su Invio per visualizzare la versione mobile del vostro blog.
Pubblicato il 11/04/11 - aggiornato il | 9 commenti :
Widget degli Articoli Simili per Blogger.
Dopo aver presentato il gadget degli Articoli Correlati ho provato a installarlo in questo blog e, con sorpresa, ho visto che non funzionava. Come test avevo usato un template del Designer Modelli e lo avevo provato solo uno dei vecchi template. Mi sono quindi messo all'opera per risolvere la questione e per rendere il widget esteticamente ancora più apprezzabile. Coloro che avessero quindi delle difficoltà di installazione possono seguire questi passaggi invece del tutorial di cui al post citato. La differenza sostanziale sta nell'inserire i CSS direttamente nella sezione <b:skin> invece di inglobarli in <head> dentro il tag <style>. Con questo metodo è stato infatti possibile visualizzare correttamente il widget.
Si va su Design > Modifica HTML e si salva il modello completo. Si mette la flag su espandi modelli widget e si cerca la riga ]]></b:skin>. Immediatamente sopra si incolla questo codice
/* Articoli Correlati Inizio */
#articoli_correlati { float : left; width : 750px; margin-top:20px; margin-left : 5px; margin-bottom:15px; font : 11px Trebuchet MS; margin-bottom:10px; } #articoli_correlati .widget { list-style-type : none; margin : 4px 0 4px 0; padding : 0; } #articoli_correlati .widget h2, #articoli_correlati h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #articoli_correlati a { text-decoration : none; } #articoli_correlati a:hover { text-decoration : none; } #articoli_correlati ul { border : medium none; margin : 10px; padding : 0; } #articoli_correlati ul li { display : block; background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijXNgaL68ZQOJxp0sWcxEz06yygqcvKhKHIhAO2rsg_AYwg6BrlkI04dWjUPm56NplVyOAD4nynGdT9ZtdwZbTxtUDgu0KPl6h92Pj41vMySjTBwsdD7FOG2rjpiyx25IsHk8yKad3xM8/) no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #003366; }
/* Articoli Correlati Fine */
Per le personalizzazioni vi rimando all'articolo precedente ricordando che
Pubblicato il 10/04/11 - aggiornato il | 4 commenti :
Come installare i menù anche nei template del Designer Modelli.
Il Designer Modelli ha certamente introdotto delle funzionalità interessantissime per tutti gli utenti di Blogger. Ci sono state però anche alcune difficoltà soprattutto riguardo all'inserimento di menù che tuttora permangono. Il fatto è che molti di quei menù che funzionavano perfettamente con i vecchi modelli adesso non funzionano più con i nuovi template. Il malfunzionamento riguarda soprattutto l'apertura delle sotto-tabelle o delle voci secondarie se si vogliono chiamare così. La ragione è che questi template hanno stili predefiniti in grado di disabilitare qualsiasi menù che si aggiunga sotto l'intestazione del blog.
Vediamo come sia possibile risolvere questo problema in modo da rendere installabile la maggior parte dei vecchi menù che siamo abituati a utilizzare da molti mesi se non da anni. Prima di procedere con questa modifica è opportuno salvare il modello completo per un eventuale backup. Si va su Design > Modifica HTML e si cerca la riga seguente con F3 o con Ctrl+F (CMD+F per Mac)
Pubblicato il 12/02/11 - aggiornato il | 119 commenti :
Menù orizzontale su più livelli per Blogger personalizzabile e funzionante anche con i template del Designer Modelli.
Adesso illustro il procedimento per l'installazione di un menù a beneficio di blogger che hanno l'esigenza di collegare molte pagine in home page. E' molto simile al menù multilivello e ne ricalca in qualche modo la struttura. Ci sono una serie di titoli principali al di sotto dei quali possono essere inserite delle voci secondarie su più livelli
Pubblicato il 24/01/11 - aggiornato il | 12 commenti :
Google porta a 77 i font (caratteri) disponibili per Blogger.
Per caratterizzare meglio il blog, una opzione curiosa e divertente era quella di usare caratteri originali che potevano anche essere scaricati per poi essere installati nel computer e usati tramite Windows Live Writer. Alla fine del 2010, il Team di Blogger introdusse diversi nuovi font per gli utenti che potevano così scegliere tra 32 possibili famiglie.
E' notizia di poco fa, e che non è stata ancora annunciata ufficialmente dai blog ufficiali di Google e Blogger, che il numero di font disponibili è stato più che raddoppiato raggiungendo la cifra di 77, 35 caratteri in più di prima.
Per selezionare questi nuovi font e applicarli ai nostri post, bisogna utilizzare il Designer Modelli e andare su Bacheca > Design > Designer Modelli > Avanzato > Testo pagina
Nel menù verticale in Carattere si può scegliere quello che ci piace di più. Per configurare il blog con questo nuovo font occorre selezionarlo, visionare l'anteprima del blog nella parte bassa della pagina e cliccare su Applica al blog in alto a destra.
I nomi delle famiglie dei font a disposizione possono essere consultati nella pagina Web Fonts on Blogger e per verificarne l'aspetto si può accedere alla Google Fonts Directory.
Aggiornamento: La notizia è stata riportata anche da Google Buzz che è l'organo ufficiale di Blogger.
Pubblicato il 05/01/11 - aggiornato il | 11 commenti :
Slide Menù per i nuovi modelli di Blogger.
Pubblicato il 24/11/10 - aggiornato il | 36 commenti :
Megamenù: alternative per l'installazione nei diversi modelli di Blogger.
- Ho testato il menù solo su alcuni nuovi modelli e su un vecchio template che ho in Bacheca per fare dei test. Si tratta del modello Tekka. Non posso quindi affermare se il menù sia installabile o meno in altri modelli del passato perché non ho a disposizione il file XML per poter effettuare dei test. Posso solo dire che lo è certamente nel modello Simple del Designer Modelli e in tutti gli altri che da questo derivano .
- Prima di tentare di inserire il menù, è bene salvare il modello e togliere eventuali altri menù che siano presenti. Non mi riferisco solo al gadget HTML/Javascript ma soprattutto agli script e ai CSS incollati nel modello sopra alla riga </head>. Tali javascript potrebbero interferire con quelli di questo menù, anzi è probabilissimo che lo facciano.
- Nel caso che il menù non si visualizzasse correttamente anche con l'installazione dopo aver fatto pulizia menù precedenti, si può provare la seguente installazione alternativa che ha anche il pregio di poter personalizzare i colori dello stesso menù.
]]></b:skin>
e, immediatamente sopra, incollate il seguente codice
Pubblicato il 23/11/10 - aggiornato il | 22 commenti :
Menù Orizzontale per template creati con il Designer Modelli di Blogger.
Pubblicato il 11/11/10 - aggiornato il | 17 commenti :
Effetto Facebox per i nuovi modelli di Blogger e compatibile con Google Friend Connect.
Pubblicato il 16/10/10 - aggiornato il | 4 commenti :
ShareSidebar per un widget di condivisione verticale adatto a blog con sfondo fisso.
L'introduzione del Designer Modelli ha portato molte novità tra gli utenti di Blogger. Alcuni widget che prima erano esteticamente validi, con questi nuovi modelli non lo sono più; viceversa sono ora disponibili dei gadget adatti proprio per chi ha optato per questo tipo di template.
ShareSidebar è un servizio gratuito online che consente di inserire una sidebar fissa di condivisione sui social network che si sono prescelti. Per ottenere il codice occorre
- Selezionare la parte del layout in cui visualizzare i bottoni di voto o condivisione
- Selezionare i servizi di cui vogliamo mostrare le icone
- Inserire un nostro indirizzo email e l'URL del blog
- Cliccare su Get Code
Pubblicato il 31/07/10 - aggiornato il | 16 commenti :
Come inserire uno sfondo personalizzato in Blogger con il Designer Modelli.
Avevo già trattato su come inserire uno sfondo personalizzato nei nuovi modelli di Blogger che si basano sul Designer Modelli molto usato specie da coloro che si avvicinano per la prima volta a questa piattaforma. Da poche ore, per il momento solo attraverso Blogger in Draft, è possibile farlo senza utilizzare particolari procedure.
Occorre però avere una immagine di alta risoluzione di almeno 1800x1600 pixel. Le istruzioni possono essere consultate sul sito ufficiale di Blogger in Draft che suggerisce di utilizzare immagini proprie o comunque libere da copyright. A tal proposito viene esplicitamente consigliato di cercarle nel sito iStockPhoto che ne offre tantissime con un modesto contributo. Per un sito con immagini totalmente gratuite vi consiglio Free Wallpapers; possono anche essere cercate con Google Immagini ma dobbiamo impostare la ricerca royalty free.
Pubblicato il 22/06/10 - aggiornato il | 24 commenti :
In Blogger è adesso obbligatorio inserire il titolo nei widget HTML/Javascript.
Non era assolutamente necessario digitare il Titolo del widget che sarebbe stato visualizzato su Layout > Elementi pagina come HTML/JavaScript
Pubblicato il 11/06/10 - aggiornato il | 7 commenti :
Il Designer Modelli disponibile per tutti nella Bacheca di Blogger.
Qualche settimana fa Blogger aveva reso disponibile in Blogger in Draft il Designer Modelli per tutti coloro che volevano personalizzare i template messi a disposizione. Per una trattazione di tutte le funzionalità vi rimando ai post
Blogger Buzz ha dato la notizia che la funzione è uscita dalla fase di test ed è adesso disponibile per chiunque dalla normale Bacheca di Blogger. E' stato inserito su Youtube anche un video dimostrativo molto intuitivo con sottotitoli in italiano. Quando accederete per la prima volta nella Bacheca vedrete una finestra popup come questa
Pubblicato il 06/04/10 - aggiornato il | 13 commenti :
Come inserire uno sfondo personalizzato in un template realizzato con il Designer Modelli di Blogger.
Da qualche settimana è possibile creare dei modelli personalizzati per Blogger con il Designer Modelli. Le personalizzazioni sono moltissime e abbiamo già visto come fare per creare il nostro modello. Riepilogo sinteticamente i vari passaggi
- Creare un nuovo blog che terremo come prova prima di inserirne il modello in quello effettivo nel momento in cui saremo soddisfatti della sua efficacia. All'inizio selezionare un modello qualsiasi di Blogger
- Scrivere qualche post di prova e qualche commento
- Andare in Blogger in Draft e successivamente in Layout > Designer Modelli
- Scegliere il modello che ci piace di più e cliccare su Applica al blog
- Tornare in Designer Modelli > Sfondo e scegliere una delle tante immagini di sfondo che sono a disposizione
Pubblicato il 12/03/10 - aggiornato il | 17 commenti :
Blogger lancia il "Designer Modelli", un editor per creare dei template personalizzati.
La notizia è tanto inattesa quanto clamorosa. Blogger in Draft ha annunciato che si potranno creare modelli personalizzati attraverso un editor di Blogger, denominato Designer modelli, senza nessuna conoscenza di grafica o di linguaggio di programmazione. In tutti questi anni, numerosissimi designer di tutto il mondo si sono adoperati per creare modelli adatti a tutte le esigenze, mentre quelli offerti da Blogger rimanevano pochi e decisamente minimalisti.
Nell'articolo è stato anche postato un video che spiega a grandi linee la nuova funzionalità