- Home
- Post archiviati in template
Pubblicato il 10/05/14 - aggiornato il | 10 commenti :
Come procedere per cambiare il modello di Blogger.
Pubblicato il 04/09/13 - aggiornato il | 28 commenti :
I migliori siti per scaricare modelli gratuiti per Blogger.

Pubblicato il 16/04/13 - aggiornato il | 26 commenti :
Come ridimensionare automaticamente tutte le immagini in Blogger.

Pubblicato il 08/09/12 - aggiornato il | 25 commenti :
In Blogger adesso si può modificare anche l'HTML anche dei modelli a Visualizzazione Dinamica.

Pubblicato il 01/06/12 - aggiornato il | 7 commenti :
Come creare un template personalizzato con il Designer Modelli.

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.

Pubblicato il 28/09/11 - aggiornato il | 23 commenti :
Dynamic Views: sette nuovi modelli ufficiali per i blog su Blogger.

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.
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:
- Due menù di navigazione orizzontali posti nell'header
- Uno slideshow orizzontale con le miniature dei post e gli strumenti di navigazione
- Le miniature del post aggiunte di default in homepage
- Impaginazione automatica
- Il Read More (o jump o salto) aggiunto di default
- Un altro menù orizzontale nella zona del footer
- Icone per la sottoscrizione ai feed e a Twitter
- Gratuito!

Pubblicato il 01/08/11 - aggiornato il | 5 commenti :
Shopping Cart è un modello di Blogger per creare un sito di commercio online.

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
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.

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
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
