creare e personalizzare blog , logo, biglietto da visita - tutorial

 Home Page del nostro Blog 

“Agli uomini di cuore, a coloro che si ostinano a credere nel sentimento puro. A tutti quelli che ancora si commuovono. Un omaggio ai grandi slanci, alle idee e ai sogni.”
Miguel de Cervantes

come creare e personalizzare un blog,  logo, biglietto da visita - tutorial 

Alla soglia dei 3 anni dall'inizio di questa avventura  abbiamo pensato di scrivere un post dove raccontiamo la nostra esperienza sulla nascita di questo blog, di come e quando abbiamo deciso,  partendo da zero, di realizzare un blog,  un logo, un  biglietto da visita social ecc...  e  fornire indicazioni e suggerimenti utili  a chi  ha intenzione di iniziare un percorso simile al nostro.  Per noi è un esercizio di metacognizione per voi potrebbe essere la spinta per una nuova impresa.

AGGIORNAMENTO  2026 

Nel 2026  siamo passate da Blogspot a un dominio personalizzato leggi il post con tutta la storia e il tutorial *post

 APERTURA DEL BLOG - PASSO PASSO  

Alla fine di maggio del 2019, dopo aver fatto numerose esperienze, corsi, sperimentazioni sulla decorazione di mobili e oggetti, abbiamo pensato di aprire un blog con l'idea di divulgare e condividere quello che avevamo appreso, che sapevamo fare e le nostre idee creative. Ci siamo rese subito  conto che  gli argomenti che avremmo voluto e potuto trattare erano più di uno e non volevamo limitarci solo alla decorazione dei mobili e degli oggetti, cosa che in quel momento ci interessava molto.

Così abbiamo deciso in base alle nostre competenze ed esperienze lavorative e culturali i seguenti argomenti: mobili shabby, oggetti, cucina, stoffa, orto e piante, tutorial e feste. Queste sono diventate poi  le nostre pagine.

Ma torniamo all'inizio e al progetto: il blog non era che il primo passo,  dovevamo pensare ad un nome,  ad un logo, ad un biglietto da visita, ad una e-mail, ai social, ad uno statuto...Volevamo fare tutto da sole e  se il risultato non  fosse stato perfetto ci avrebbe comunque  rappresentato, visto che abbiamo deciso di chiamare il nostro blog "vita da shabby",  "dove anche l'imperfezione è un valore aggiunto."*v.post  Kintsugi

W. Benjamin scriveva nel suo saggio 'L’opera d’arte nell’epoca della sua riproducibilità tecnica' che "l’oggetto deve essere  recuperato proponendo la sua imperfezione, espressa attraverso l’uso sincero della materia e dalla creatività  individuale dell'artigiano. L’oggetto vive con il tempo e non deve  aver timore del suo passaggio, che anzi arricchisce la materia dei suoi segni denotandone l’identità." 

Perchè shabby? 

Il termine inglese significa letteralmente logoro, squallido ma indica anche un oggetto  elegante e trasandato. Il vecchio mobile rappresenta il legame  con un passato (radice) e il rifacimento è la linea che lo unisce al presente. Noi siamo così, con solide radici ma aperte alle innovazioni ed ai cambiamenti proficui, anche imperfetti... "Vita da shabby" ci rappresenta.

Prima di definire il nome del blog abbiamo intrapreso  una ricerca in internet per verificare quanti blog usassero e si identificassero con il termine 'shabby' in modo da evitare doppioni. 

Come siamo arrivate a questo nome? dopo discussioni, ripensamenti e "brainstorming*", tecnica che usiamo spesso per scegliere i titoli ai nostri post.  

*Questo termine,  significa 'tempesta nel cervello, ed è stato coniato   alla fine degli anni '30 dal  pubblicitario Alex Faickney Osborn per indicare un metodo  di lavoro  di gruppo  atto a stimolare  la soluzione dei problemi (problem solving) o la  realizzazione di idee creative 

FASI DEL PROGETTO

Prima di iniziare il progetto ci siamo confrontate sulle basi etiche (una specie di statuto) che avrebbero guidato ogni nostro scritto. Ci conosciamo da molti anni ed è stato abbastanza semplice stabilire dei punti fermi da rispettare. Entrambe promuoviamo argomenti di interesse artistico, sociale e ambientale. Siamo molto attente alla Natura quindi curiamo ogni forma di recupero e riciclo. Le nostre parole d'ordine sono Libertà, Arte, Natura e rispetto per persone e animali (nella sezione cucina non troverete mai piatti a base di carne). Aborriamo ogni tipo di violenza e discriminazione, siamo pacifiste ad oltranza. Gli unici argomenti che non tratteremo sono quelli legati alle religioni ed alla politica.

1. creazione del logo

2. creazione di una e-mail  

3. realizzazione del biglietto da visita

4. produzione e personalizzazione del blog 

5. diffusione sui social e creazione della copertina del blog e dei social 

6. organizzazione delle  pagine e cura dei post 

 Faccio sempre ciò che non so fare per imparare come va fatto.
– Vincent Van Gogh –

1. CREAZIONE DEL LOGO

il logo

Premettiamo che volevamo crearne uno senza aiuti, anche se in rete si trovano numerosi servizi online, molti dei quali free, per realizzare loghi. Spesso la personalizzazione  è limitata oppure al momento di scaricare il logo realizzato si scopre che è a pagamento, oppure  è gratuito ma  è ben visibile una sigla o il nome del sito. Senza voler  avere la pretesa di insegnare come fare, in questo post vi raccontiamo la nostra esperienza. 

 cos'è un logo?

Il logo è una grafica personalizzata che serve ad identificare e individuare una società, un'azienda, un mestiere, un hobby ecc...per cui dovrebbe avere caratteristiche proprie e riconoscibili, riassumendo graficamente quello che si vuole trasmettere, quindi dovrebbe essere semplice, chiaro e  adattabile ai vari supporti e formati (biglietto da visita, newsletter, web, social...) 

PROGETTO DEL LOGO

Dopo vari ragionamenti abbiamo pensato che sul logo volevamo dei fiori stilizzati e la scritta formata dalle nostre iniziali: Patrizia e Teresa  che è diventata Pa&te; i colori dovevano essere sfumature ocra, viola e qualcosa di verde.

Abbiamo preparato uno schizzo a matita e poi provato a realizzare l'idea con un programma di grafica variando fiori, colori e font. Esistono diversi programmi per creare loghi personalizzati, tra i quali  Illustrator, un software per grafica vettoriale ideale per certi lavori.

Dopo varie prove la scelta è andata sul fiore di loto, perchè? per la sua bellezza ed eleganza, per il concetto di purezza e forza: anche quando le  radici affondano in acque sporche e fangose il Loto produce fiori bellissimi; per gli antichi Egizi il Loto era associato  al sole e al concetto di rinascita.

L'idea era di  inserire a semicerchio 3 o 4  fiori di loto  sotto i quali inserire la scritta Pa&Te; abbiamo fatto numerose prove per la disposizone dei fiori, i colori e la scelta dei font. Ci piacevano i petali sfumati e questo effetto si ottiene a  discapito della qualità  grafica, ma lo abbiamo scelto ugualmente considerando le dimensioni ridotte del logo e l'uso che dovevamo farne

work in progress del fiore di Loto

 

Anche per i font abbiamo fatto molte prove e alla fine ne  abbiamo scelti un paio  che ci piacevano  realizzando due loghi con font  diversi

alcuni loghi con font diversi

 2. CREAZIONE E-MAIL

Era necessario aprire una e-mail  da collegare al blog  per non utilizzare le nostre personali, così ci siamo rivolte al servizio GMAIL,  che  necessita di un account Google esistente o nuovo; tra l'altro con questo account si può usufruire di altri servizi tra i quali  l'attivazione del blog, google drive, google foto (è un servizio di Google che permette di sincronizzare e caricare le foto e i video in Cloud  e averli sempre a disposizione su qualsiasi dispositivo; inoltre  Google Foto è una galleria fotografica che cataloga foto e video in maniera automatica e dispone anche di alcune funzionalità per l’editing delle foto,  permettendo la realizzazione di filmati, collage, animazioni in maniera automatica o manuale), google traduttore, google maps ecc 

come fare?

1. aprire  la pagina  di google dal pc (si può fare anche dal cellulare), l'unico requisito necessario è quello dell'età  infatti occorre avere un'età superiore ai 14 anni. 

2. collegarsi alla pagina Gmail, cliccare sul bottone "crea un account" e accedere al modulo della registrazione  

3. compilare tutti i campi, ricordandosi che quello che si scrive nel campo "nome utente" sarà il nome che risulterà nell'e-mail nel nostro caso "vitadashabby"

per cui la nostra e-mail è 

vitadashabby@gmail.com

4. proseguire scegliendo una password, assicurandosi che sia sicura, cioè  deve essere costituita da almeno otto caratteri alfanumerici e  contenere almeno un carattere speciale, come per esempio @,# e una maiuscola; importante è non usare parole troppo comuni e dati personali come la data di nascita e soprattutto utilizzare una  password diversa per ogni accesso o servizio a internet a cui si è iscritti.  Confermare la password scelta nel campo conferma password. 

conviene sempre prendere nota del nome utente e della password scelta per non rischiare di dimenticare 

5. procedere compilando i vari campi 

Anche per  il biglietto da visita abbiamo fatto molte  prove per le dimensioni, per la grafica e per decidere che dati inserire.

Alla fine abbiamo scelto il biglietto  della foto (per la privacy sono stati sostituiti i nostri numeri di telefono con la frase "numeri di telefono") composto da uno sfondo bordato,  con alcune foglioline dagli stessi colori del logo, il logo in alto, sotto i nostri nomi, l'indirizzo del blog, l'e-mail collegata al blog e i nostri numeri di cellulare.( dal 2026 il nome del blog è cambiato ed è www.vitadashabby.com)

La misura reale  è di 7 cm. di larghezza e 4,5 cm. di altezza; il biglietto è stato realizzato con il programma di grafica dove si può lavorare sia in cm. che in pixel 

Sul rettangolo bianco dalle dimensioni prescelte, è stato applicato uno sfondo e  un bordo sottile, poi lavorando con le griglie,  sul livello successivo, è stato inserito il logo, una lineetta di divisione e nella parte inferiore   sono state scritte le informazioni che avevamo deciso, utilizzando un font leggibile e chiaro. Per quasi tutti i nostri scritti usiamo il font Verdana,  leggibile facilmente anche da persone dislessiche.

Una volta terminato, abbiamo creato un file formato A4 con  8 biglietti che è stato  salvato in formato PDF per essere stampato su un cartoncino liscio per biglietti da visita. I biglietti  sono stati ritagliati con una taglierina

4. CREAZIONE E PERSONALIZZAZIONE DEL BLOG  

AGGIORNAMENTO 2026 

Nel 2026 abbiamo trasformato il tema del blog da  tema di blogspot a tema personalizzato responsive e aggiunto molte altre  modifiche alla pagina html e al css.

*v. post  come creare un sito web - tutorial 

*v.post da blogspot a dominio personalizzato  

----------------------------- 

Avevamo gli strumenti e le capacità per creare un sito web o un blog da sole, ma abbiamo deciso di optare per un blog già strutturato, riservandoci di fare qualche aggiustamento o variazioni grafiche ed eventualmente pensare ad altre soluzioni in seguito.

Visto che avevamo l'account Google, abbiamo deciso di attivare gratuitamente un blog con Blogger facente parte del pacchetto servizi collegato all'account.

Creare un blog con Blogger,  è semplice:

1.  collegarsi al sito www.blogger.com 

2.  entrare con login e password dell'account google ( *v. sopra gmail)

3. decidere il  nome e una breve descrizione, l'indirizzo web del blog  sarà:  "https://www.nomescelto.blogspot.com", il nostro è "https://vitadashabby.blogspot.com/" 

4. scegliere un modello grafico tra quelli proposti gratuitamente il nostro è il "simple":  sfondo, copertina in alto e due colonne una più larga (960px su 1500px)  per i post e una più stretta a destra (310px su 500px) per alcuni strumenti come foto profilo ecc... footer (=piè di pagina) 

5. dato l'ok a questo punto è già possibile cominciare a scrivere i post. 

Se si ha qualche competenza nel linguaggio html e CSS e nell'uso delle avanzate c'è la possibilità come abbiamo fatto noi  di  attuare alcune modifiche e personalizzazioni. 

struttura del blog

 Noi sul modello base scelto abbiamo modificato:  

1. lo sfondo (scaricato da web-link) 

2. la copertina personalizzata preparata da noi con un programma di grafica  (pixel 930 x 300) 

3. aggiunto un menù orizzontale con  i bottoni - link alle varie pagine e variazione colore dei link

7. aggiunto CSS con istruzioni per font, colore font, colore link a:, a: visited,a: hover, text-decoration:none; riquadro stondato con ombreggiatura  per intestazione pagine;  sfondo di qualche post; immagini responsive;  colore footer e molto altro 

8. aggiunto gadget lettori fissi 

Il sistema permette di modificare il layout (= impaginazione grafica), le larghezze delle colonne, lo sfondo,  la combinazione dei colori e utilizzare dei gadget per eseguire alcune operazioni come mostrare le etichette delle pagine e deciderne l'ordine, mostrare il profilo, aggiungere qualche immagine ecc.. 

come si fa?  

1.entrare in modalità design

2.sulla colonna a sinistra cliccare su layout

si apre una finestra e cliccare su aggiungi gadget, scegliere il gadget e fare clic su aggiungi poi salvare.

I gadegt a disposizione sono: Ad sense, post in evidenza, ricerca blog, HTML/javascript per aggiungere funzionalità di terze parti, profilo, archivio, intestazione di pagina, follower, immagini, etichette, pagine, elenco di link, testo, post più popolari, modulo di contatto ecc... 

3. le impostazioni dei vari gadget  si possono poi modificare, come la loro disposizione all'interno della pagina del  blog. 

 

modificare tramite HTML e CSS

Occorre conoscere almeno le basi del linguaggio html /css / javascript; è comunque importante prima di aggiungere  script o fare modifiche html, procedere ad un backup in modo da poter ripristinare  la versione precedente alla modifica. 

Occorre sempre fare attenzione agli script che si inseriscono e controllare che siano affidabili e/o creati appostamente per blogger.

 Google  dichiara che non rivendica la proprietà né il controllo dei contenuti inviati, pubblicati o mostrati da un autore sui servizi Google o attraverso gli stessi e che gli autori aggiungono al blog codice o widget (=piccole applicazioni che permettono di accedere, in maniera più veloce e funzionale ad applicazioni più grandi o solo a parti di esse per esempio: Bottoni, Menù, finestre di dialogo, allert box, etichette, tooltip  ecc.)

 modificare HTML come fare

1. consultare la guida di blogger 

2. fare il backup

3. accedere a Blogger in modalità design

4. fare clic su Tema nel menu a sinistra.

5. nella sezione "Il mio tema", fare clic su Altro e poi su  Modifica HTML.

6. apportare le modifiche e salvare.

 

aggiungere CSS come fare 

CSS (=o Cascading Style Sheets, in informatica, è un linguaggio usato per definire la formattazione ( tipi di font,  colore dei font e grandezza, colore dei link ecc)  di documenti HTML, XHTML e XML, ad esempio i siti web e relative pagine web. Le regole per comporre il CSS sono contenute in un insieme di direttive (Recommendations) emanate a partire dal 1996 dal W3C.)

1. consultare la guida di blogger 

2. fare il backup

3. accedere a Blogger in modalità design 

4. cliccare  su Tema nel menu a sinistra.
5. nella sezione "Il mio tema", cliccare su Personalizza.
6. Nel menu a sinistra, cliccare su Avanzate e poi sulla freccina giù
7. cliccare su Aggiungi CSS
8. aggiungere il codice e Salvare

Il web ci ha insegnato il potere dell’“effetto di rete”: quando connettete le persone e le idee, esse crescono.
-Chris Anderson-

5. SOCIAL E CREAZIONE DELLA COPERTINA SUI SOCIAL

Se lo ritenete utile per farvi conoscere e aumentare le visualizzazione del vostro BLOG  potete utilizzare dei social: Facebook, Instagram, Pinterest ecc...

Noi abbiamo  due pagine FB, una pagina Instagram e Pinterest.

Facebook: teresa vitadashabby   e shabby, decorazione, fai da te, cucina 

Instagram: vita da shabby 

Pinterest: teresa vitadashabby 

 

Per gestire tutto questo tra blog e social, occorre tempo e organizzazione, tenuto conto che è  gratuito, il collegamento tra Blog e social è utile.

 

Non stiamo qui a scrivere come aprire gli account sui vari social, nel caso consultate in rete le varie guide dedicate o scriveteci, ma ci limitiamo a fornire alcune informazioni sulla copertina e sulle immagini dei profili.

Su Facebook, abbiamo riportato la stessa copertina del blog  che misura pixel 930 per 300, perchè avevamo disposto le scritte in modo tale che rimanessero abbastanza centrate e inserito la stessa immagine del profilo che abbiamo creato con l'app di Google Art Selfie accostando le nostre somiglianze artistiche (Girl head in front of a window di Paula Modersohn-Becker, 1902 e Girl of Noa Noa di HasegawaToshiyuki, 1937) *v.post

 

immagine del profilo

le misure ufficiali 2022 di facebook sono: 

- copertina 820 x 312 pixel  visualizzazione da desktop; per i cellulari l'immagine sarà pixel 640 per 360; per cui diventa importante che la parte principale o la scritta o quello che si ritiene si debba sempre visualizzare  sia posto in centro

- immagine del profilo si visualizza nelle dimensioni 170 x 170 pixel sui computer, 128 x 128 pixel sugli smartphone e 36 x 36 pixel sulla maggior parte dei feature phone. Va tenuto di conto che  l'immagine è di forma circolare per cui gli angoli della foto vengono tagliati 

su Instagram e Pinterest  abbiamo utilizzato il nostro logo, che viene visualizzato in una sagoma circolare

Volendo si puo attivare una barra con i bottoncini dei social al fondo di ogni post in modo da facilitare la pubblicazione del post sui social condividendolo velocemente 

ma noi preferiamo, anche se occorre più tempo, non usare quella barra e pubblicare manualmente i vari post   così possiamo curarli maggiormente, decidere le foto da pubblicare, aggiungere del testo ecc... 

Utile è lo strumento Google foto per predisporre collage di foto (fino a 9)  e per fare semplici modifiche 

logo Google foto

 

Per concludere due parole sulle pagine e sui  post  

 

come aggiungere le pagine

Non c'è limite al numero di pagine da aggiungere, ma occorre valutare l'organizzazione e lo spazio per  un  menù  con bottoni - link di collegamento

 

1. consultare la guida di blogger 

2. accedere a Blogger in modalità design

3. dal menu a sinistra, cliccare su Layout.

4.nella sezione in cui vuoi che vengano visualizzate le pagine, cliccare su  Aggiungi gadget.

5.nella finestra visualizzata, cliccare su Aggiungi  accanto a "Pagine".

6. configurare le impostazioni e Salvare.

7. Per salvare la disposizione, cliccare  su Salva  in basso a destra. 

8.per modificare la posizione in cui viene visualizzata la pagina, trascinare il gadget in una nuova posizione.

 

come creare una nuova pagina 

1. accedere a Blogger in modalità design

2. dal menu a sinistra, cliccare su Pagine.

3. In alto a sinistra, cliccare su Nuova pagina.

4. Inserire il titolo della nuova  pagina

5. In alto a destra, cliccare su Salva, Pagina di anteprima o Pubblica.

come modificare una pagina

1. accedere a Blogger in modalità design

2.dal menu a sinistra, cliccare su Pagine.

3 cliccare sul titolo della pagina che si vuole  modificare.

4. Modificare la pagina. 

5. per eliminare  una pagina cliccare su elimina questa pagina 

5. In alto a destra, cliccare  su Salva, Pagina di anteprima o Pubblica.

come selezionare le pagine da mostrare nel blog

1. Dal menu a sinistra, cliccare  su Layout.

2.Nella sezione "Pagine", cliccare  su Modifica.

3.Seleziona le pagine che si vuole  vengano visualizzate e cliccare  su Salva.

4. Per salvare la disposizione, cliccare su Salva  in basso a destra.

  

  LE NOSTRE PAGINE HUB*

Le pagine del nostro blog  sono 11:

 

*Una pagina Hub (o content hub) è una pagina web centrale che organizza e raggruppa tutti i contenuti di un sito relativi a un argomento specifico.

Oltre alla HOME e alla pagina CHi SIAMO potete visionare: 

pagina TUTORIAL

pagina FAI DA TE 

pagina MOBILI ( restyling- trasformazione - restauro)

pagina FESTIVITA' 

pagina VERDE (fiori,piante, giardino, orto)

pagina IO CUCINO  

pagina AUTOPRODUZIONE E RICICLO

pagina AMBIENTE - ECOLOGIA - ANIMALI

pagina ARTE-CULTURA-MUSEI-VIAGGI 

 

Le abbiamo pensate  come categorie tematiche nelle quali inserire i link   dei post  suddivisi per sezioni, per favorire la ricerca e la visualizzazione (ad esempio nella pagina Feste si troveranno i link dei post  relativi alle idee per il  Natale, per la  festa della donna ecc...)