Come creare fogli di carta intestata con Word e Libre Office.

In una qualsiasi attività commerciale è importante sbrigare la corrispondenza con fogli in carta intestata. Anche se adesso la carta fisica si usa sempre di meno i documenti allegati alle email danno una impressione di professionalità e affidabilità se redatti su carta intestata.

In questo articolo vedremo come creare dei modelli di Word e di Libre Office da usare a questo scopo. In un articolo successivo vedremo come effettuare lo stesso con Google Drive e con OneDrive. Tali modelli serviranno da base per creare dei documenti in carta intestata. Documenti siffatti possono essere inviati come allegati di messaggi di posta elettronica o anche stampati.

7 siti per modelli gratis di Word, Excel, PDF, Libre Office, ecc.

Con gli Editor di testo come Word o gli Editor di Fogli di Calcolo come Excel si può partire da un documento vuoto oppure da un modello che può essere uno di quelli messi a disposizione da Office della Microsoft o da Libre Office.

In precedenti articoli abbiamo visto come creare dei modelli di Word e Writer di Libre Office per un foglio a quadretti e per un foglio protocollo usobollo. Oltre ai modelli creati da noi e a quelli che ci forniscono le varie applicazioni di Office e di Libre Office si possono trovare online dei siti specializzati nella condivisione di modelli creati specificamente per una data funzionalità.

Chi abbia bisogno di creare documenti per emettere delle fatture è evidente che è molto più pratico partire da un modello già creato per questo scopo. Stesso discorso vale per un documento di contratti di locazione, per un business plan, per un consuntivo di bilancio, ecc...

Come mostrare un contenuto di Blogger solo su mobile, solo su desktop o solo per certe risoluzioni.

Mentre qualche anno fa il problema maggiore degli webmaster era quello di mostrare lo stesso layout in funzione dei diversi browser ora la maggiore preoccupazione riguarda come viene visto il blog quando si apre con i diversi dispositivi da mobile o da desktop.

In un futuro neppure troppo lontano l'apertura di pagine web con il computer risulterà minoritaria rispetto all'utilizzo di smartphone o addirittura di Smart TV. Se i contenuti testuali sono visibili in modo ottimale con tutti i dispositivi ma non è così per tutti gli oggetti HTML.

Mentre per le immagini lo stesso Blogger ha risolto la questione ridimensionandole automaticamente quando sia stata attivata la versione mobile del sito non è così per i video, per le tabelle, ecc

Come cercare il codice e modificare il modello di Blogger.

Leggendo alcuni commenti pubblicati in questo sito mi sono accorto che molte difficoltà sulla installazione di widget o modifica del modello sono riconducibili alla non conoscenza di come funziona la versione più recente del template di Blogger anche se non si può più chiamare nuova visto che sono passati diversi anni da quando è stata rilasciata.

Prima di procedere occorre sempre aver salvato il template per un eventuale ripristino. Si va quindi su Bacheca -> Modello -> Backup/Ripristino che aprirà una finestra in cui cliccare su Scarica modello. Verrà salvato nella cartella Download un file .XML denominato template con un numero identificativo. Per evitare confusione sempre possibile quando si abbia più di un blog magari anche solo uno di prova è bene rinominare subito il file dandogli il nome del blog insieme alla data in cui si è scaricato.

Come aggiungere la data di aggiornamento del post a quella di pubblicazione in Blogger.

Nel pubblicare le guide per blog sulla piattaforma Blogger vado a periodi un po' come Picasso anche se sono totalmente negato per la pittura. Ho scritto una serie di articoli su come ottimizzare le immagini per velocizzare il sito quindi mi sono occupato dei Dati Strutturati con i post sugli errori BlogPosting e su come installare i BreadCrumbs.

Da ieri ho preso a occuparmi di come ottimizzare lo spazio nel layout per cercare di aggiungere più contenuto possibile e eliminare tutto quello che è superfluo. Ho scritto infatti un articolo su come nascondere l'Header di Blogger quando la pagina viene aperta con un cellulare. 

Come aggiungere i Dati Strutturati BreadCrumbs a Blogger

Nel post precedente abbiamo visto come risolvere, in blog su piattaforma Blogger, quando con il Test dei Dati Strutturati di Google fossero emersi degli Errori in quelli BlogPosting. In questo articolo vedremo come aggiungere i Dati Strutturati BreadCrumbs (Briciole di Pane o Pan Grattato) che contrariamente a quelli HATOM o BlogPosting risultano anche visibili nel layout del sito.

Hanno quindi la doppia funzione di mostrare ai motori di ricerca e ai crawler dei social network i dati della pagina seguendo un vocabolario condiviso e ai lettori quello che si può definire il Percorso o il Path della pagina che si è aperta. I BreadCrumbs verranno rilevati anche dal Test dei Dati Strutturati di Blogger che ne mostreranno eventuali errori di inserimento.

Risolvere gli errori nei Dati Strutturati BlogPosting di Blogger.

Google ci ha informati che prossimamente modificherà il proprio algoritmo per dare un maggior rilievo ai contenuti presenti nella versione mobile dei siti. Quindi i più di 200 fattori di ranking si amplieranno ulteriormente e agli webmaster viene consigliato di porre maggior cura nel configurare correttamente la versione mobile.

Chi abbia un Modello Responsive di Blogger o un Tema Responsive di Wordpress in teoria non dovrebbe far nulla di più di quello che ha già fatto adesso. Quello che interessa a Google oltre ai contenuti è che vengano implementati quelli che vengono definiti Dati Strutturati.

Come spostare in alto o in basso una sidebar di Blogger.

Questo è un instant post che sto scrivendo a seguito di un commento appena ricevuto in cui mi si chiede se esiste la possibilità si spostare in basso la barra laterale. Credo che la lettrice si riferisca allo spostamento della sidebar di Blogger verso il basso.

Per affrontare questi problemi occorre utilizzare gli strumenti Ispeziona Elemento di Chrome o Analizza Elemento di Firefox. Solo in questo modo potremo conoscere l'ID o la classe dell'elemento in questione per potergli applicare una regola CSS che gli faccia cambiare di colore, di sfondo o appunto che lo sposti verso il basso come richiesto in questo caso.

Come creare uno stile personale per il codice HTML pubblicato nei post.

Recentemente in un commento mi è stato chiesto che sistema uso per pubblicare i codici HTML e di altri linguaggi di programmazione nei post. Da qualche tempo è possibile pubblicare codice HTML nei post senza che Blogger lo interpreti come tale ma lo consideri solo come fosse testo. Questo invece non è ancora possibile per i commenti dove il codice viene ancora interpretato e per postarlo dobbiamo usare un escamotage.

Anche gli utilizzatori di Open Live Writer possono incollare senza difficoltà codice HTML nei post confezionati con questo strumento. Alcuni utenti di Blogger usano la citazione o blockquote per postare il codice in modo da presentarlo graficamente diverso dagli altri contenuti. Tra l'altro il blockquote di Blogger può essere personalizzato. Ci sono però siti che utilizzano la citazione per altre eventualità come per esempio i blog letterari che è meglio distinguano tra codici e altri contenuti.

Menù multilivello per la versione desktop di Blogger con casella di ricerca.

Visto le numerose richieste che ho ricevuto sul menù attualmente installato su questo sito ho pensato di pubblicare un post per condividerne la procedura di installazione. Innanzitutto bisogna ricordare che questo menù è multilivello e che si possono cioè creare fino a 4 livelli di voci di menù.

Un'altra caratteristica che me lo ha fatto preferire ad altri menù è quella che non utilizza javascript ma solo CSS3 e questo lo rende molto più rapido nell'apertura e non appesantisce la velocità del sito oltre a non aver bisogno di javascript o hosting esterni.

Il menù originale ha anche una sua casella di ricerca che però personalmente ho tolto preferendo il motore di ricerca di Adsense che è indubbiamente più performante. Nel codice ho anche inserito due tag di posizionamento in modo da settare la distanza del menù dal contenuto che gli sta al di sopra e da quello che gli sta al di sotto. Il menù può essere installato insieme a quello ufficiale delle Pagine Statiche. Quest'ultimo si può lasciare per esempio sotto l'Intestazione mentre il Menù multilivello può essere posizionato sopra all'Header.

Come aggiungere un sottofondo audio casuale in un blog.

Quello che vado a mostrare è il procedimento per riprodurre in automatico un file audio tutte le volte che un utente entra nel nostro sito. La procedura è illustrata per utenti Blogger ma è funzionante anche per Wordpress e per qualsiasi altra piattaforma che supporti i javascript.

Si usano i tag HTML5 per la riproduzione audio con la larghezza e l'altezza del player configurati a zero pixel in modo da renderli invisibili. Il problema maggiore di tutte le personalizzazioni che riguardano i file audio è quello dell'hosting. Se si possiede un dominio personalizzato di Blogger o un sito self-hosted di Wordpress non si può usare Google Sites per caricare i file audio MP3 che invece è utilizzabile per i blog gratuiti del tipo nomeblog.blogspot.com. 

COME CARICARE I FILE AUDIO SU GOOGLE SITES

Dopo aver effettuato l'accesso a Google Sites con le nostre credenziali Google si va su Crea per creare un sito statico. Nel caso lo aveste già fatto occorre cliccare sopra al nome per aprirlo per poi andare in alto a destra sulla icona di Crea Pagina.  Nella finestra che si apre si sceglie Schedario come tipo di pagina, si dà un nome alla stessa quindi si va su Crea in alto a sinistra

Come personalizzare i titoli dei widget nella sidebar di Blogger.

Ieri ho ricevuto un commento in cui mi si chiedeva come personalizzare i titoli dei widget presenti in una sidebar di Blogger. Visto che il tema pur non essendo fondamentale può interessare altri lettori ho pensato di scrivere un post su questo argomento.

Le personalizzazioni degli aspetti grafici di Blogger in teoria si dovrebbero fare con il Designer Modelli. Si dovrebbe cioè andare su Modello -> Personalizza -> Avanzato -> Gadget per poi scegliere la famiglia di caratteri, il colore e il colore alternativo del titolo.

Con questa procedura però c'è un rischio e una difficoltà. Il rischio è che quando si apre il Designer Modelli vengano azzerate le modifiche inserite nel template con la possibilità che il menù smetta di funzionare insieme ad altri widget e personalizzazioni.  La difficoltà è che modificando l'aspetto dei titoli dei gadget viene modificato anche l'aspetto della data dei post.

Come salvare e ripristinare il modello di Blogger.

I CMS sono dei software installati su dei server per facilitare la gestione dei contenuti dei siti web. Una grande importanza per semplificare tutte le operazioni è quello della scelta di un Modello di Blogger che talvolta viene chiamato template in inglese.

Sostanzialmente si tratta dell'analogo del Tema di Wordpress. Modelli e Temi fissano le linee generali del layout che sarà integrato con i contenuti inseriti in ciascuna pagina. La modifica del modello è necessaria quando vogliamo cambiare l'aspetto del sito aggiungendo un widget o un menù oppure modificando colori o dimensioni di un elemento dello stesso.

Come personalizzare la pagina non trovata in Blogger.

Quando si sbaglia a digitare un indirizzo c'è il cosiddetto Errore 404 di pagina non trovata. Se l'errore di digitazione riguarda il dominio allora si aprirà una pagina di cortesia del provider internet di cui stiamo utilizzando la connessione.

Quando l'errore di digitazione permette comunque di individuare il dominio allora si può parlare di Errore 404 propriamente detto e può dipendere oltre che dall'errore di battitura anche dalla eliminazione di un post da parte di un amministratore del sito. Gli errori di pagina non trovata che dipendono dal proprietario, come nel caso di link sbagliati inseriti nell'articolo, possono danneggiare l'autorevolezza di un sito ed è opportuno sanarli accedendo alla Search Console.

I metatag di Facebook da usare in Blogger per condividere titolo, descrizione e immagine.

I cosiddetti dati strutturati sono da anni un vero rompicapo per tutti gli webmaster e in special modo per chi utilizza la piattaforma Blogger.  Visto che le pagine web sono analizzate dai motori di ricerca tramite i crawler, i dati strutturati servono per rilevare in modo omogeneo e corretto i principali elementi di una pagina web per mostrare nei risultati di ricerca e nelle condivisioni quello che viene chiamato rich snippet ovvero le informazioni su Titolo, Descrizione, Immagine, Autore, ecc.

Per questa ragione qualche anno fa è nato sotto impulso di Google, Yahoo e Bing il progetto Schema.org per creare uno standard valido per tutte le pagine web, per tutti i motori di ricerca e per tutti i social network. Questo progetto prevede che vengano inseriti dei markup all'interno del codice della pagina per consentire ai crawler di ottenere le informazioni in modo semplice e immediato.

Come mostrare nello snippet la meta descrizione o l'incipit nella condivisione di un post di Blogger.

Qualche giorno fa ho letto un commento in cui mi si chiedeva come mostrare l'incipit dell'articolo al posto della descrizione nello snippet che si visualizza sotto il titolo quando si condivide in social come Facebook o Google+. Di primo acchito ho risposto che poteva condividere il post senza  aggiungere la Descrizione della Ricerca nella colonna di destra delle Impostazioni post nell'Editor di Blogger. Lo avrebbe fatto solo successivamente alla condivisione.

Il commentatore nella sua risposta mi ha fatto presente che avrebbe voluto che l'incipit fosse sempre visibile al posto della meta descrizione anche nelle eventuali condivisioni future. Mi rimane il dubbio su a cosa possa servire questa personalizzazione ma casualmente la soluzione me la sono trovata a portata di mano senza volerlo.

Come aumentare o diminuire lo spazio tra due elementi del layout di una pagina senza usare i CSS.

Il sistema di elezione per modificare l'aspetto di un elemento del layout di una pagina è quello di usare i tool Ispeziona Elemento di Chrome o Analizza Elemento di Firefox per trovare il selettore univoco dell'elemento in modo da applicargli una opportuna regola CSS per poterne modificare l'aspetto.

Se la modifica consiste soltanto nell'aumentare o nel diminuire la distanza dall'elemento precedente o da quello successivo allora si può fare anche a meno di usare questi strumenti e utilizzare un sistema più semplice e immediato. Ricordo che tutti i tag HTML hanno un tag di apertura e uno di chiusura. Ci sono però delle eccezioni come il tag <img> a cui basta inserire una slash / prima del segno finale >.  In realtà questo modo di chiudere i tag HTML viene usato anche in molti altri casi come il tag <script> che si può chiudere oltre che con </script> anche con la slash finale / esattamente come il tag <img>.

Come personalizzare la data di Blogger per desktop e mobile.

In calce a un post su come sostituire la data di Blogger con un calendario mi si chiede semplicemente di come spostarla sulla destra. Non è semplice spiegarlo in un commento quindi ho pensato di scrivere un post non solo su questa specifica modifica ma sulle altre principali personalizzazioni che si possono fare per la data operando sul modello di Blogger.

Prima di qualsiasi modifica al template di Blogger bisogna fare in modo di mettere in sicurezza le modifiche per un eventuale ripristino. Si va quindi in Bacheca -> Modello e si clicca su Backup/Ripristino in alto a destra quindi si clicca su Scarica Modello completo per scaricare il file del template in formato XML. Per un eventuale ripristino si clicca sempre su Modello -> Backup/Ripristino ma poi si va su Sceglie file e si seleziona il file .XML precedentemente scaricato per poi andare su Carica per ripristinarlo.

COME SPOSTARE LA DATA DI BLOGGER A DESTRA O AL CENTRO

La data di Blogger di default è mostrata sulla sinistra. Vediamo come si possa spostarla a destra o al centro. L'obiettivo è quello di ottenere un risultato come questo

Come mostrare il nome dell'autore e l'elenco delle etichette sotto il titolo dell'articolo in Blogger.

Il nome dell'autore e le etichette aggiunte a un articolo nei blog su piattaforma Blogger vengono mostrati in calce all'articolo. Si può in qualche modo personalizzare il loro posizionamento andando su Layout -> Post del Blog -> Modifica per mettere la spunta agli elementi che si vogliono visualizzare e per toglierla a quelli che non vogliamo vedere.

Con il drag & drop si possono spostare i vari elementi per poi andare su Salva per salvare il nuovo posizionamento. Questa personalizzazione non funziona troppo bene nei modelli ufficiali e funziona molto male in quelli modificati dal webmaster. L'obiettivo di questo post è quello di mostrare come spostare la visualizzazione delle etichette e dell'autore dell'articolo dalla parte bassa del post alla parte alta subito sotto il titolo.

Come mostrare la meta descrizione di Blogger prima del contenuto dell'articolo.

Una delle più importanti funzionalità a livello di SEO aggiunte da Blogger è stata indubbiamente quella organizzata nella sezione delle Preferenze di Ricerca che si trova in Bacheca -> Impostazioni. Si possono personalizzare le pagine non trovate, modificare il file robots.txt e creare dei reindirizzamenti 301 all'interno dello stesso blog.

La funzione più importante a mio parere è però quella della metadescrizione che può essere inserita in ciascun post che si pubblica o che si è già pubblicato. In questo modo i motori di ricerca ma anche i social network potranno rilevare tale descrizione e inserirla come snippet sotto il titolo del post nei risultati di ricerca o nelle condivisioni via Facebook. 

COME ABILITARE LA METADESCRIZIONE

Se ancora non avete abilitato questa importante opzione andate su Bacheca -> Impostazioni -> Preferenze di Ricerca -> Metatag -> Descrizione -> Modifica