Pubblicato il 03/01/12e aggiornato il

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

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

condivisione-articolo-url

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





7 commenti :

  1. non lo trovo < div class='post-footer' >...

    RispondiElimina
  2. @Igor ...
    Hai cliccato su espandi i modelli widget? Se non lo trovi ugualmente incollalo sotto il blocco di codice
    <data:post.body/>
    <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>
    Se subito sotto c'è il codice del read more mettilo anche dopo quello.

    RispondiElimina
  3. ok... grazie!!! come sempre sei il numero 1!

    RispondiElimina
  4. Estremamente interessante. Grazie Ernesto!

    RispondiElimina
  5. Ottimo ma:
    le scritte:
    URL del post
    Codice HTML
    BBCode per forum
    vengono giustificate anzichè con allineamento a sinistra (ho un modello personalizzato)
    Come risolvo?

    RispondiElimina
  6. @Benzene
    Al posto di URL del post:
    prova a mettere
    <span style="text-align:left;">URL del post:</span>
    Non so se funzionerà ...

    RispondiElimina
  7. Niente... non ha funzionato...
    Grazie comunque.

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.