Come aggiungere il codice per linkare il post alla fine degli articoli di Blogger.

Non tutti i lettori dei nostri blog sono degli esperti di informatica quindi può essere utile inserire automaticamente alla fine di ciascun articolo l'indirizzo dell'articolo, il codice per postare il titolo del post con relativo collegamento in una pagina web e il codice per postare l'articolo in un forum. Per rendervi conto di quello di cui sto parlando andate a dare una occhiata a questo post di

• Demo dell'URL e del codice da inserire alla fine del post in Blogger -

Subito sotto il post vedrete delle textarea che permetteranno al visitatore di condividere l'articolo in modo diverso da quello solito dei bottoni di Facebook, Twitter o Google Plus. Se si clicca su una textarea, ne viene automaticamente selezionato il contenuto in modo da rendere più agevole il copia-incolla

C'è una frase di introduzione che invita il navigatore a linkare il post e sono disponibili l'URL dell'articolo, il codice HTML con il titolo del post come anchor text e il BBCode per postare l'articolo sui forum. Se non conoscete quest'ultimo linguaggio di markup aprite la pagina del BBCode di Wikipedia che mostra anche la corrispondenza tra i suoi principali comandi e quelli corrispettivi in HTML. 

Per l'installazione è sempre opportuno scaricare il template per effettuare un backup di sicurezza quindi andate su Modello > Modifica HTML > Procedi e mettete la spunta su espandi i modelli widget. Cercate, cliccando su F3 o pigiando su Ctrl+F, la linea di codice

<div class='post-footer'>

e, subito sopra, incollate questo codice

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p style='font-size:110%; font-weight:bold; color:#003366;'>Ti piace questo articolo? Allora linkalo copiando uno dei codici qui sotto.</p>
URL del post:
<textarea id='url' onclick='this.focus();this.select()' readonly='readonly' rows='2' style='background:#efefef; height: 2.6em; width: 100%;' title='Clicca per selezionare'><data:post.url/></textarea>
Codice HTML:
<textarea id='HTML-code' onclick='this.focus();this.select()' readonly='readonly' rows='2' style='background:#efefef; height: 2.6em; width: 100%;' title='Clicca per selezionare'>&lt;a href=&quot;<data:post.url/>&quot;&gt;<data:post.title/>&lt;/a&gt;</textarea>
BBCode per forum:
<textarea id='BB-code' onclick='this.focus();this.select()' readonly='readonly' rows='2' style='background:#efefef; height: 2.6em; width: 100%;' title='Clicca per selezionare'>[url=<data:post.url/>]<data:post.title/>[/url]</textarea>
</b:if>

dove possono essere personalizzati i dati in rosso e quelli in blu che riguardano dimensioni, colori (vedi il post sui codici dei colori) e espressioni da visualizzare. Si possono anche personalizzare le espressioni URL del post:, Codice HTML: e BBCode per forum per esempio inserendo un codice come questo

<span style='font-size:110%; font-weight:bold; color:#003366;'>Codice HTML:</span>

con le stesse raccomandazioni di prima. Si salva il modello e si controlla il risultato. Se volete mettere solo uno o solo due dei tre codici proposti non bisogna fare altro che cancellare la parte che riguarda quello o quelli che si vogliono togliere.