Come inserire un pulsante per condividere i post su Tumblr.

Come installare un bottone su Blogger per condividere i post su Tumblr.

Questo si può definire veramente un instant post visto che lo sto scrivendo a seguito di un commento appena ricevuto su un pulsante per condividere i post di Blogger su Tumblr. Esiste proprio una pagina di Tumblr con i codici dei bottoni che possiamo usare a questo scopo. Nella parte alta ci sono i tasti per seguire un sito di Tumblr e in quella bassa per condividere le pagine web su un blog di Tumblr.

Andiamo con ordine. Se desideriamo inserire il codice per seguire il nostro blog su Tumblr va prima di tutto selezionato il tipo di bottone quindi dobbiamo andare su Prendi il codice dopo aver digitato l'URL personalizzabile del nostro sito su Tumblr che potrà essere p.e ernesto-tirinnanzi.tumblr.com. Il codice ottenuto sarà quello di un iFrame che, se cliccato, farà aprire un'altra scheda del browser di Tumblr con il pulsante Segui. I navigatori vi potranno cliccare sopra per seguire il blog di Tumblr

Scorrendo la pagina ci sono tutte le istruzioni per inserire un pulsante di condivisione nel modello di Blogger oltre che di qualsiasi altra piattaforma. Per prima cosa occorre salvare il template quindi andare su Modello > Modifica HTML> Procedi e mettere la spunta a Espandi i modelli widget. Va cercata la riga </body> e subito sopra va incollato il codice

<script src="http://platform.tumblr.com/v1/share.js"></script>

Si cerca quindi la riga  <div class='post-footer'> e, subito sopra, si incolla quest'altro codice

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<a href="http://www.tumblr.com/share" title="Condividi su Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:129px; height:20px; background:url('http://platform.tumblr.com/v1/share_3.png') top left no-repeat transparent;">Condividi su Tumblr</a>
</b:if>

Si può personalizzare l'aspetto del bottone nel modo che dirò in seguito. Si salva il modello. Quando un lettore cliccherà sul pulsante si aprirà un popup per condividere il post su Tumblr simile a questa

In cui il lettore avrà già il modulo per la condivisione dell'articolo con almeno l'URL e il titolo già compilato e in cui si potrà aggiungere o modificare la descrizione. Potrà andare su Crea un post per condividere sul suo Tumblr quello che sta leggendo su Blogger.

PERSONALIZZAZIONI BOTTONE TUMBLR

Con questo codice il bottone si visualizzerà alla fine di ciascun post e avrà questo aspetto

Si può modificare la posizione inserendolo in un altro punto del template. Se ne volessimo scegliere un altro basta lasciare invariate le due righe colorate di viola che sono i tag condizionali e sostituire il resto del codice con quello ricavato da Tumblr dopo aver selezionato il pulsante che si preferisce

Se vogliamo inserire il pulsante in una sidebar e non nel modello allora vanno eliminate le due righe colorate in viola e incollare il resto del codice su Layout > Aggiungi un gadget > HTML/Javascript. Ovviamente questo codice del bottone di Tumblr può anche essere unito con quelli relativi ad altri social network quali Facebook, Twitter e Google Plus.