Come firmare i propri post su blogger

Mi occuperò di come inserire una firma alla fine di ogni post sulla piattaforma Blogger. Innanzitutto dovete procurarvela e ci sono due sistemi

  • Firmare un foglio di carta, scannerizzarlo e salvarlo sul PC come file immagine
  • Creare una firma online

La prima ipotesi non si presta a difficoltà particolari, nel secondo caso dovete accedere al sito

MyLiveSignature e seguire questi semplici passi

  1. Create Signature
  2. Using the signature creation wizard
  3. Enter name (ho messo il nick ma si può mettere anche il vero nome)
  4. Select the font (scegliete il font che più vi piace sui 120 a disposizione, io ho scelto quello che più si avvicinava alla mia calligrafia)
  5. Select the size (per scegliere la grandezza della vostra firma tenete presente che io ho scelto la grandezza 5)
  6. Select the color (qui dipende dai colori del blog nel mio caso la scelta del colore nero era obbligata)
  7. Select the slope (addirittura c’è l’opzione per inclinare più o meno la firma, io ho messo una leggera inclinatura, slope 2)
  8. The signature is ready finito qua
  9. Cliccare su Want to download the signature?
  10. Per scaricarla cliccare con il pulsante destro del mouse, quindi su Salva Immagine con nome e selezionare la cartella in cui inserirla

Adesso la firma deve essere caricata online. A tale scopo, se non avete un vostro hosting dove caricare l’immagine, io consiglio caldamente di usare lo spazio web infnito di google che è a disposizione sul vostro blog.

Ottenere la URL immagine è molto semplice: cliccate su “Nuovo Post” e poi su HTML, posizionato a sinistra sotto il nome del vostro Blog, selezionate l’immagine della vostra firma che avete salvato sul vostro PC. Quando vi appare la finestra relativa al layout della vostra immagine scegliete Nessuno per quanto riguarda l’opzione Allineamento e Dimensione originale per quello che riguarda la dimensione, cliccate su Ok e l’immagine sarà caricata sui server di google e non verrà mai cancellata finchè il vostro blog è attivo.
Otterrete un codice simile:
<a href=”https://4.bp.blogspot.com/-5VhQAcfjdKk/WVgMvuYaVUI/AAAAAAAAASY/0fo-mHdMmlEJxJ30TQTddUepC40QYG0lQCLcBGAs/s1600/Braccio%2Bdi%2Bferro.jpg” imageanchor=”1″ ><img border=”0″ src=”https://4.bp.blogspot.com/-5VhQAcfjdKk/WVgMvuYaVUI/AAAAAAAAASY/0fo-mHdMmlEJxJ30TQTddUepC40QYG0lQCLcBGAs/s1600/MiaFirma.jpg” data-original-width=”1024″ data-original-height=”1024″ /></a>
La URL immagine che ci serve è quella selezionata in rosso ed è quella che dovete copiare ed incollare nelle istruzioni poco sotto.

Questa immagine adesso va caricata sul vostro modello, quindi seguite la solita procedura, cioè andate su Design > Modifica Html ed espandete i modelli widget. Quindi cercate questa riga di codice (CTRL + F per trovare subito la porzione di codice che vi serve, ricordatevelo)

<div class=’post-footer’>

Subito dopo inserite questo codice della firma

<div style=’float:center;’>
<img src=’URL_Immagine‘/>
</div>

Dove al posto dell’indirizzo  che ho messo in rosso mettete l’indirizzo della vostra firma che abbiamo ricavato.
In questo caso la firma verrà giustificata a sinistra. Per chi la volesse in altro modo ecco i codici corrispondenti

Firma centrata

<div style=’float:center;’>
<div style=”text-align: center;”><img src=’URL_Immagine‘ />
</div></div>

Firma giustificata a destra

<div style=’float:center;’>
<div style=”text-align: right;”><img src=’URL_Immagine‘ />
</div></div>

Naturalmente al posto dell’indirizzo della mia firma, colorato di rosso dovete mettere il vostro.

Aggiornamento: Per tutti coloro che volessero per questioni di estetica e di praticità visualizzare la firma solo nei singoli post e non nella homepage inserite il seguente codice prima e dopo quello della firma. Questo codice va inserito immediatamente dopo la riga di codice specificata precedentemente e prima del codice dei bottoni di voto sui social network nel caso in cui fosse stato inserito

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<p>

Codice della firma nei post

</p>
</b:if>

Add a Comment

X