Visualizzazione post con etichetta designer modelli. Mostra tutti i post
Visualizzazione post con etichetta designer modelli. Mostra tutti i post

Pubblicato il 01/06/12 - aggiornato il  | 7 commenti :

Come creare un template personalizzato con il Designer Modelli.

Molti utenti di Blogger cercano il loro modello ideale nei tanti siti dedicati a questo argomento. Ho anche fatto un elenco dei portali più importanti in cui navigare per trovare template gratuiti per Blogger. La scelta di scaricare da internet un modello per poi usarlo per il nostro blog ha dei vantaggi ma anche delle controindicazioni. Il vantaggio è essenzialmente uno ed è quello di avere un modello che può essere utilizzato quasi immediatamente e ha i crismi di una certa originalità.

Tra gli svantaggi ricordo che innanzitutto molti template devono essere configurati nel senso che talvolta occorre aggiungere l'URL del nostro account su FeedBurner, l'indirizzo delle pagine statiche o adattare qualche widget alle nostre esigenze. I problemi principali però subentrano quando si vuole ulteriormente personalizzare tali modelli. Tutti i widget e i tutorial presentati in questo blog come in molti altri siti che trattano lo stesso tema sono tutti rivolti ai modelli ufficiali di Blogger e non è assolutamente detto che funzionino con template creati da un web designer che ha usato particolari librerie javascript o ha utilizzato dei CSS che non corrispondono a quelli dei modelli di Blogger.



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.

Ho presentato diversi menù per la precedente generazione di template di Blogger. Con l'avvento del Designer Modelli, alcuni di questi non sono più visualizzati correttamente. Mi ripropongo di ripresentarli in una versione universalmente funzionante in un prossimo futuro.

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


Se si interagisce con il mouse ecco come si presenta il menù



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

caratteri blogger font nuovi

 

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.

Alcune personalizzazioni che andavano bene, e funzionano tuttora, per i vecchi modelli di Blogger non sono più compatibili con i nuovi template che sono stati introdotti insieme al Designer Modelli. E' mia intenzione quindi di riproporre alcuni dei widget, degli effetti e dei menù in modo che siano installabili anche da chi usa l'ultima generazione di template. Il Menù laterale espandibile risale a un anno e mezzo fa e mi risulta da alcuni commenti che la sua installazione sia diventata problematica. Eccone una nuova versione che ho testato sul modello "Semplice". Ricordo che, nel caso si modifichi il template passando a un altro mediante le funzionalità del Designer Modelli, questo menù sparirà e dovrà essere reinstallato. Comunque ho constatato che funziona con tutte le versioni del modello "Simple". Questo fa presupporre che sia installabile su tutti i nuovi modelli di Blogger, anche se per ovvie ragioni di tempo non ho potuto verificarlo.
Per prima cosa occorre costruirsi la struttura del menù. Ecco uno screenshot del suo aspetto che aiuta a progettarlo
slide-menu-blogger


Pubblicato il 24/11/10 - aggiornato il  | 36 commenti :

Megamenù: alternative per l'installazione nei diversi modelli di Blogger.

Il Megamenù orizzontale che ho presentato ieri ha avuto un discreto riscontro tra i lettori. C'è chi lo ha installato senza problemi e chi invece non è riuscito nel compito perché ha un blog con un modello vecchio. Credo sia opportuno fare delle precisazioni per aiutare più persone possibili che siano interessate a inserirlo nel template.
  1. 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 .
  2. 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.
  3. 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ù.
Andate quindi su Design > Modifica HTML e salvate il modello. Cercate la riga
]]></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.

Mi sono cimentato spesso nella realizzazione di menù. Ne ho presentati a soffietto, laterali estendibili, estendibili su tre lati, orizzontali e multilivello. Il concetto è stato sempre quello di caricare i file javascript e CSS in un hosting esterno. Con i nuovi modelli creati con lo strumento Designer di Blogger, alcuni di questi codici non funzionano più. Sarà mia cura nei prossimi post di trovare delle alternative per chi ha scelto questa nuova opzione.
Oggi presento un menù orizzontale che ha però caratteristiche particolari. E' stato creato utilizzando la libreria JQuery con un occhio, se non tutti e due, agli utilizzatori di Wordpress e ai siti di presentazione di prodotti e brand commerciali. Ho modificato alcune cose per adattarlo a Blogger. Ecco uno screenshot di come si presenta
menù-megamenù


Pubblicato il 11/11/10 - aggiornato il  | 17 commenti :

Effetto Facebox per i nuovi modelli di Blogger e compatibile con Google Friend Connect.

Gli effetti Lightbox e Lytebox sono molto affascinanti e permettono di creare gallerie di immagini inserendone soltanto le miniature che poi si aprono con il click del mouse. Hanno la controindicazione di non essere compatibili con molti nuovi modelli e di andare in conflitto con Google Friend Connect visto che il widget dei lettori utilizza uno script molto simile.
Ho scovato un altro effetto, denominato Facebox, che è di minor impatto visivo, ma ha il vantaggio di essere facilmente installabile nei nuovi template di Blogger creati con il Designer Modelli, di essere compatibile con Google Friend Connect e di funzionare con tutti i browser. Per quanto riguarda IE l'ho testato con IE 9 Beta ma non dovrebbero esserci problemi neppure con IE7 e IE8.
Prima di procedere alla installazione andate a dare uno sguardo all'effetto nella pagina di demo che ho creato appositamente
Se si clicca su una miniatura di una immagine, questa diventa a grandezza naturale e si visualizza dentro una cornice grigia


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

  1. Selezionare la parte del layout in cui visualizzare i bottoni di voto o condivisione
  2. Selezionare i servizi di cui vogliamo mostrare le icone
  3. Inserire un nostro indirizzo email e l'URL del blog
  4. 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.

Dopo l'introduzione del Designer Modelli su Blogger sono cambiate alcune cose, molte in positivo, ma una decisamente in negativo. Quando volevamo inserire un banner, una foto, un antipixel o semplicemente del testo andavamo su Layout (Design) > Aggiungi un gadget > HTML/Javascript, incollavamo il codice relativo e salvavamo.
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

  1. 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
  2. Scrivere qualche post di prova e qualche commento
  3. Andare in Blogger in Draft e successivamente in Layout > Designer Modelli 
  4. Scegliere il modello che ci piace di più e cliccare su Applica al blog
  5. 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à