Pubblicato il 20/03/13e aggiornato il

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


seguire-su-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

condividere-post-tumblr

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
tumblr-bottone
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

pulsanti-tumblr

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.




14 commenti :

  1. Se gli uffici postali fossero efficienti almeno la metà di te si vivrebbe decisamente meglio. Grazie mille!

    RispondiElimina
  2. ha ragione Maria Di Biase, sono d'accordissimo!!
    ciao, buona serata :)

    RispondiElimina
  3. La funzione "Espandi i modelli widget" non esiste più... ho provato a far visualizzare tutto il codice disponibile, ma la riga div class='post-footer' non sembra rintracciabile: dove sto sbagliando?

    Diamine, il bottone per rebloggare su tumblr sotto forma di link sembra veramente utile...

    RispondiElimina
    Risposte
    1. @# Infatti è così. Guarda il videotutorial apposito su come si deve fare adesso
      http://www.ideepercomputeredinternet.com/2013/04/editor-html-blogger-video-tutorial.html

      Elimina
    2. Ti ringrazio dell'aiuto, vado subito a vedere! :)

      Elimina
    3. Ho trovato le stringhe indicate, inserito le altre, ma il pulsante di tumblr non si è materializzato. Be', sopravviverò anche senza :) grazie lo stesso! ti seguo sempre, trovo un sacco di roba utile qui.

      Elimina
    4. Dopo soltanto due mesi ho riprovato e sono riuscito a far apparire il bottone. Purtroppo appariva dentro il post, proprio in calce, invece che insieme agli altri bottoni di condivisione. Non sono pratico - e si vede - però ho pensato che spostandolo nella zona di codice dove stanno i bottoni di condivisione si potesse ottenere qualcosa. Qualcosa l'ho ottenuta: il bottone tumblero compare, ma solo se apre il post, non viene visualizzato se si rimane sulla home page! credo di intuire perché, ma non sono abbastanza pratico per mettervi mano.

      Ti faccio vedere, questo è il link di un post: http://cosesovietiche.blogspot.com/2013/06/lost-cosmonauts-nelyubov.html
      Appena passi all'home page il bottone scompare! :D sono proprio una frana. In ogni caso adesso è dove serve!

      Elimina
    5. @# Deve apparire solo nei post perché sono quelli che si condividono non le pagine di etichette o di archivio. Comunque se vuoi vedere il pulsante ovunque basta che tu tolga le righe colorate di viola (c'era già scritto nel post e sono la prima e l'ultima)

      Elimina
    6. Ecco, non avevo proprio capito quelle righe conclusive, allora... :) grazie!

      Elimina
  4. Il bottone è molto piccolo rispetto a quelli vicini...ho provato a cambiare il parametro "width" ma niente !

    RispondiElimina
    Risposte
    1. I bottoni disponibili per #Tumblr li trovi qui
      http://www.tumblr.com/buttons
      ma di grandi non ce ne sono

      Elimina
    2. grazie lo stesso...cercherò di metterli tutti uguali!

      Elimina
  5. Ciao Ernesto io vorrei rimuovere il tasto, ma purtroppo non so quale riga del codice html eliminare, sembra tutto sparito...
    Il pulsante appare solo sui post e non sulla homepage, come già detto qualche commento più su.
    Puoi aiutarmi?
    Grazie, Anna

    RispondiElimina
    Risposte
    1. Cerca nel codice. Se si tratta di una immagine cliccaci sopra con il destro del mouse e scegli Copia URL immagine per poi cercarlo nel modello con questo sistema
      http://www.ideepercomputeredinternet.com/2013/04/how-to-search-blogger-template-code.html
      http://www.ideepercomputeredinternet.com/2013/04/how-to-search-blogger-template-code.html
      @#

      Elimina

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.