Visualizzazione post con etichetta template. Mostra tutti i post
Visualizzazione post con etichetta template. Mostra tutti i post

Pubblicato il 10/05/14 - aggiornato il  | 10 commenti :

Come procedere per cambiare il modello di Blogger.

La sostituzione di un modello di Blogger con un altro è una operazione per cui bastano un paio di click ma vista la sua delicatezza è bene seguire delle precise linee di comportamento in modo da non avere brutte sorprese. Personalmente consiglio sempre di utilizzare i template ufficiali di Blogger che danno maggiore affidabilità ma mi rendo conto che per certi siti l'uso di modelli particolarmente originali e specifici creati da web designer spesso in modo gratuiti può essere una valida soluzione.

SALVATAGGIO DEL MODELLO CORRENTE


Per un sempre possibile backup di ripristino è opportuno procedere al salvataggio del modello. Per sicurezza è bene salvarne due copie di cui una si terrà in una specifica cartella e l'altra sarà invece utilizzata per eventuali confronti, modifiche e aggiunte. In una apposita cartella vanno archiviati tutti i modelli salvati anche di mesi e anni prima. Come noto per salvare il template si va su Modello > Backup/Ripristino posto in alto a destra quindi su Scarica modello completo



Pubblicato il 04/09/13 - aggiornato il  | 28 commenti :

I migliori siti per scaricare modelli gratuiti per Blogger.

Data la mia esperienza più che in quinquennale con la piattaforma Blogger mi sento di consigliare a chi ha intenzione di usare questo servizio di Google per crearsi il suo blog di utilizzare uno dei modelli ufficiali disponibili. È invece più complicato decidere se optare per un modello normale oppure a per un template a Visualizzazione Dinamica visto che ci sono vantaggi e svantaggi da soppesare.

La scelta di un template direttamente da Blogger non significa assolutamente che non possa essere modificato a nostro piacimento. Già con il Designer Modelli possiamo scegliere tipo di layout (numero di sidebar, colonne nel footer, ecc), larghezza dello stesso, famiglia e dimensione dei font, colori, immagini di sfondo, ombreggiature e molto altro. Inoltre il codice di base dei modelli ufficiali viene costantemente aggiornato inserendo in modo automatico le nuove funzionalità che vengono via via introdotte come i commenti nidificati, i commenti su Google+ o le Preferenze di Ricerca.



Pubblicato il 16/04/13 - aggiornato il  | 26 commenti :

Come ridimensionare automaticamente tutte le immagini in Blogger.

Modificare le dimensioni di una immagine è operazione molto semplice che può essere fatta in molti modi. Si può per esempio andare nell'Editor di Blogger, selezionare l'immagine e scegliere tra Piccola, Media, Grande, Dimensione originale e Extralarge. Se la foto è stata inserita usando il suo indirizzo web si può operare direttamente nel codice modificando i valori di width e height. Una delle domande ricorrenti è come si possa ridimensionare automaticamente tutte le immagini che siano già state pubblicate nel blog operando nel template. Questa opzione può risultare utile per chi abbia già pubblicato centinaia se non migliaia di foto e abbia necessità di mostrarle di una larghezza standard perché per esempio ha cambiato il template.


Pubblicato il 08/09/12 - aggiornato il  | 25 commenti :

In Blogger adesso si può modificare anche l'HTML anche dei modelli a Visualizzazione Dinamica.

Blogger introdusse i template Dynamic View o a Visualizzazione Dinamica alla fine di Marzo dello scorso anno. Da allora il team di Blogger si è molto concentrato su questi modelli anche perché hanno una velocità di caricamento decisamente più rapida dei normali template.

Nel corso di questi mesi sono state introdotte notevoli migliorie come la possibilità di inserire dei widget scorrevoli nel layout o la personalizzazione della immagine di intestazione. Se si va su Modello > Personalizza possiamo selezionare anche una immagine di sfondo oltre ad altri parametri



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 20/03/12 - aggiornato il  | 6 commenti :

Blogger Store: un modello di Blogger per creare un sito di vendite online con Paypal e Google Checkout.

Dopo aver presentato il modello Shopping Cart che permetteva di trasformare un blog su piattaforma Blogger in un portale di vendita online ecco un altro template sulla stessa falsariga che utilizza la stessa libreria SimpleCart, che può essere adattata facilmente a Blogger.

I più bravi possono anche crearsi da soli un template personalizzato per fare del commercio online seguendo le istruzioni di TechieBlogger, chi invece non se la sente può utilizzare Blogger Store che è stato creato sulla stessa falsariga del citato Shopping Cart ma che ha in più degli effetti speciali con Slideshow dei prodotti e una doppia opzione di transazione per gli acquisti che possono essere fatti tramite Paypal e Google Checkout.



Pubblicato il 09/11/11 - aggiornato il  | 22 commenti :

Come abilitare la versione mobile di Blogger per i modelli personalizzati.

Blogger Buzz ha annunciato che da adesso sarà possibile abilitare la versione mobile anche per i modelli personalizzati. Tutti coloro che hanno un template modificato rispetto a quelli offerti da Blogger, che sono praticamente il 90% del totale, nel momento in cui dovevano abilitare la versione mobile erano costretti a selezionare obbligatoriamente il modello Semplice. Chi aveva un modello ufficiale poteva invece scegliere tra le 27 versioni proposte. Se qualcuno dei lettori non sa di cosa parlo può leggersi questo post per approfondire l'argomento.

Il traffico proveniente da dispositivi mobili di fascia alta è in continuo aumento e si prevede che la tendenza rimanga costante in futuro. Anzi è prevista una accelerazione del processo visto che gli smartphone di nuova generazione hanno una risoluzione paragonabile a quella dei notebook. Attraverso i browser degli smartphone il nostro blog su Blogger veniva quindi visto in modo totalmente diverso rispetto alla normale visione via computer.

Da oggi anche coloro che hanno un modello personalizzato potranno mostrare ai lettori che accedono al blog dagli smartphone un layout molto più simile a quello standard. Vediamo come abilitare questa opzione attraverso la nuova Bacheca di Blogger. Si va su Modello



Pubblicato il 29/09/11 - aggiornato il  | 2 commenti :

Come ripristinare il vecchio modello di Blogger se si è passati a un template Dynamic Views.

Da alcune ore sono disponibili i modelli Dynamic Views con tutti i loro pregi e tutti i loro difetti che speriamo vengano eliminati o comunque resi meno limitanti. Il compito di questo articolo è semplicemente quello di mostrare come si possa tornare sui nostri passi in caso si sia passati un po' troppo frettolosamente ai nuovissimi template di Blogger.
Il procedimento non è che comporti soverchie difficoltà ma una sua seppur rapida trattazione penso possa essere di aiuto a qualcuno non proprio espertissimo. Ricordo innanzitutto che in Blogger si può accedere con la nuova Bacheca oppure con la Bacheca vecchia. Si può passare da una all'altra andando in alto accanto all'indirizzo GMail del nostro account rispettivamente su Prova l'interfaccia aggiornata di Blogger oppure su Torna all'interfaccia precedente. Se non vedete questi link è perché avete scelto come predefinita la Bacheca di Blogger in Draft.


Pubblicato il 28/09/11 - aggiornato il  | 23 commenti :

Dynamic Views: sette nuovi modelli ufficiali per i blog su Blogger.

Dopo che Blogger Buzz qualche settimana fa aveva presentato il nuovo look di Blogger e dopo l'introduzione dei cinque modelli interattivi che potevano essere testati incollando /view alla fine dell'URL della homepage del blog, vedi per esempio questo sito, il Blog Ufficiale di Google annuncia sette nuovi modelli che possono essere facilmente installati andando su Design > Designer Modelli > Modelli > Dynamic Views.
Probabilmente vi sarà apparso anche a voi in Bacheca un invito a provare questi nuovi template 
 visualizzazioni-dinamiche



Pubblicato il 03/09/11 - aggiornato il  | 9 commenti :

Nella nuova Bacheca di Blogger è più semplice accedere all'HTML.

E' noto che dal 1 Settembre la nuova interfaccia della Bacheca di Blogger sia uscita dalla fase di test. In una mia recensione avevo osservato come fosse piuttosto nascosta la funzionalità di accesso all'HTML per modificarne il template.

Dovevamo infatti scegliere il blog e poi andare su Modello > Modifica modello che si trovava molto in basso, sotto a tutte le miniature dei template ufficiali di Blogger. Questo piccolo problema è stato risolto visto che è adesso presente un link Modifica HTML accanto a Personalizza nella sezione Modello > Live sul blog. Con Personalizza si accede al Designer Modelli mentre con Modifica HTML si apre la finestra popup del codice del template 



Pubblicato il 02/08/11 - aggiornato il  | 8 commenti :

Google+ e Facebook Blogger Template.

Siete utenti della piattaforma Blogger e volete creare un sito che abbia la grafica identica a Google+ o a Facebook? Adesso lo potete fare scaricando gratuitamente i modelli realizzati da Creative Blogging Ideas.

Potrebbe interessare le persone che hanno in animo di creare dei siti che trattino argomenti inerenti proprio a questi due social network.

I colori dei template sono gli stessi di quelli usati dalla azienda di Mountain View per Google Plus e quelli pensati da Zuckerberg o chi per lui per la grafica di Facebook.

Facebook 2011 Blogger Template
Le sue principali caratteristiche sono:
  1. Due menù di navigazione orizzontali posti nell'header
  2. Uno slideshow orizzontale con le miniature dei post e gli strumenti di navigazione
  3. Le miniature del post aggiunte di default in homepage
  4. Impaginazione automatica
  5. Il Read More (o jump o salto) aggiunto di default
  6. Un altro menù orizzontale nella zona del footer
  7. Icone per la sottoscrizione ai feed e a Twitter
  8. Gratuito!


Pubblicato il 01/08/11 - aggiornato il  | 5 commenti :

Shopping Cart è un modello di Blogger per creare un sito di commercio online.

In Oriente c'è un gran fiorire di idee a tutti i livelli. Continuando di questo passo l'Occidente perderà la leadership dell'innovazione e quindi anche quella economica che ha avuto costantemente negli ultimi 500 anni. Ce ne accorgiamo anche dalle piccole cose. In un Paese come la Malaysia (o Malesia) ho già avuto modo di conoscere e apprezzare diversi autori che si occupano della piattaforma Blogger. Ne ho trovati molti di più che non in Italia dove abbiamo una popolazione più che doppia. Si tratta poi quasi sempre di ragazzi giovanissimi e questo fa riflettere ancora di più.
Rethnaraj Rambabu ha venti anni e mi risulta sia stato il primo a livello mondiale a realizzare un template gratuito per Blogger che permetta di creare un sito per e-commerce. Lo ha chiamato Shopping Cart Blogger Template


Pubblicato il 05/07/11 - aggiornato il  | 11 commenti :

Come avere avatar diversi per blog dello stesso account Google.

Ho già trattato un tema simile in questo articolo ma dai commenti è risultato che l'hack, pur giusto nella sua impostazione teorica, non portava a risultati pratici almeno in taluni modelli. Ho quindi pensato di pubblicare una alternativa e di rendere il codice più semplice da personalizzare. La necessità di questa modifica è limitata in primo luogo a quei blogger che hanno cambiato foto del Profilo e che adesso vorrebbero la stessa immagine anche nei commenti passati.  Dai primi commenti avuti in questo post sembra però che anche questo tentativo non abbia ottenuto buoni risultati. Ho quindi pensato di riadattare l'articolo e di fare delle verifiche visto che in genere sono abituato a testare tutte le mie personalizzazioni. Stavolta non lo avevo ancora fatto perché non avevo mai mutato immagine del Profilo. Adesso ho fatto in modo di avere in un blog un avatar nei commenti diverso da quello di tutti gli altri blog del mio account. In secondo luogo quindi la personalizzazione può interessare proprio coloro che hanno più blog che trattano tematiche diverse e che sentono l'esigenza di avere immagini diverse nei commenti di ciascun sito.

Ho testato il funzionamento in questo blog di prova che fa parte del mio stesso account e nel quale dovrei quindi avere lo stesso avatar. La cosa invece non è così come si evince dallo screenshot sottostante

commenti avatar blogger 

in cui ho commentato una volta con l'account Google e un'altra come anonimo. L'avatar è  quello che ho attualmente su Facebook ed è diverso da quello presente nei commenti di questo blog che è uguale a quello del mio Profilo come deve accadere per Blogger. Si va su Design > Modifica HTML e si salva il modello completo per un eventuale backup di ripristino. Si espandono i modelli widget e si cerca il seguente blocco di codice



Pubblicato il 25/06/11 - aggiornato il  | 14 commenti :

Come inserire una immagine fissa con link e icona di chiusura.

L'obiettivo di questo post è quello di illustrare come mostrare in una posizione predeterminata del blog una immagine che abbia un collegamento a un sito o a un feed e che possa essere nascosta dal navigatore. Questa personalizzazione può avere gli utilizzi più svariati. Può essere un invito a sottoscrivere i feed del sito oppure a iscriversi alla pagina fan su Facebook. E' possibile anche pubblicizzare un altro sito o anche sensibilizzare i lettori su una campagna di opinione. Mi viene anche in mente anche un suo possibile utilizzo per promuovere un evento o per ricordare un appuntamento in rete. Ho pubblicato, come mio solito, una dimostrazione dell'effetto in un mio blog.
Se ci cliccate sopra, accederete a questa stessa pagina, mentre se andrete sulla icona rossa, la nasconderete alla vista


Come aggiungere il tag Title nel modello di Blogger.

I tag Title e Alt sono in genere usati quando si postano delle immagini. La struttura del codice è questa

<img src="URL_IMMAGINE" title="Titolo immagine" alt="Testo alternativo">

dove il testo in Title viene visualizzato quando si passa sopra all'immagine con il mouse mentre quello in ALT appare nei browser che non riescono a caricare la foto ed è molto importante ai fini SEO. Il tag Title può essere usato anche in un qualsiasi collegamento per mostrare un tooltip con la descrizione della pagina. Per esempio questo codice

<a href="http://www.ideepercomputeredinternet.com/" title="Tutorial per utenti di Blogger">IDEE PER COMPUTER ED INTERNET</a>

produce questo link



Pubblicato il 22/06/11 - aggiornato il  | 37 commenti :

Come nascondere la data in un post su Blogger.

Ho già presentato un tutorial su come nascondere la data in tutti gli articoli di un blog su Blogger. Questa opzione è usata dagli webmaster che vogliono mantenere i contenuti freschi e attuali agli occhi degli utenti. Non vedendo la data di pubblicazione, il navigatore può essere indotto a credere che l'articolo sia stato pubblicato da poco tempo. Ovviamente non si possono ingannare i motori di ricerca e la cosa può essere utile solo se i contenuti prescindono dalla dimensione temporale. Di un articolo di attualità viene subito percepito il periodo in cui è stato pubblicato.

Per non visualizzare la data in tutti i post, si può usare anche un meccanismo un po' diverso da quello dell'articolo che ho linkato. Si va su Design > Modifica HTML, si cerca la riga </head> e, immediatamente sopra, si incolla questo codice



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.



Come inserire linee o immagini di separazione tra i widget della sidebar.

Mi sono già occupato di come inserire delle immagini di separazione tra articolo e articolo da visualizzare nella homepage, nelle pagine di archivio e in quelle delle etichette. Adesso applichiamo lo stesso concetto ai widget presenti in una sidebar. L'obiettivo è quello di inserire una linea o anche una immagine che divida i singoli widget. Dobbiamo semplicemente agire aggiungendo opportuni CSS nel modello.

Nuovi template del Designer Modelli 

Se si ha un modello del nuovo tipo, bisogna andare su Design > Modifica HTML e cercare la riga

]]></b:skin>

Immediatamente sopra si incolla questo codice



Pubblicato il 10/06/11 - aggiornato il  | 40 commenti :

Come allineare i bottoni di Facebook, Twitter, Google +1 ecc.

L'introduzione del bottone di voto Google PlusOne ha messo un po' in difficoltà i blogger meno esperti visto che i pulsanti importanti da inserire, alla fine o all'inizio del post, sono adesso almeno tre (Facebook, Twitter e appunto Google +1). Non basta quindi metterli uno a sinistra e uno a destra ma dobbiamo giocoforza usare un altro metodo. Mi sono già occupato en passant di un problema simile quando ho illustrato come allineare due o più annunci pubblicitari. Su quella stessa falsariga vediamo come per esempio sia possibile inserire uno accanto all'altro il Mi Piace di Facebook, il bottone ufficiale di Twitter, il pulsante Google +1  e una icona per  contattarci per email. Ecco come potrebbe essere il risultato

bottoni di condivisione allineati in blogger

Il codice da inserire nel modello potrebbe essere come quello seguente



Pubblicato il 04/06/11 - aggiornato il  | 16 commenti :

Come inserire le stelle di valutazione nei post di Blogger.

La funzione per valutare i post è stata inserita da circa tre anni ma è sempre rimasta allo stadio di test e non è tuttora possibile la sua installazione dalla normale Bacheca di Blogger. Si tratta di visualizzare cinque stelle alla fine di ciascun post nella zona in cui si vedono anche i pulsanti ufficiali di condivisione di Blogger. I visitatori, oltre a dare il proprio voto al post attraverso la selezione delle stelle, vedranno anche il numero di voti che sono già stati comminati dagli altri lettori e quale è stata la valutazione media. I possibili voti sono Pessimo (1 stella), Scarso (2 stelle), Buono (3 stelle), Ottimo (4 stelle) e Eccezionale (5 stelle). Per visionare il funzionamento del widget accedete a questo post di demo

valutazione stelle nei post