Come mettere i pulsanti dei social media su un blog di Tumblr

click fraud protection

Chiunque abbia un Conto Tumblr può condividere contenuti con altri utenti premendo il Pulsante Mi piace il, Pulsante Reblog, o il Pulsante Invia su un determinato post del blog all'interno della dashboard di Tumblr.

Questi pulsanti integrati ti consentono di condividere contenuti all'interno delle pareti virtuali della rete Tumblr; tuttavia, non ti danno la flessibilità di condividere contenuti da un blog Tumblr basato sul web su altri importanti siti di social media come Facebook o Twitter.

Se desideri aggiungere ulteriori pulsanti di condivisione al tuo blog Tumblr in modo che assomigli a un vero blog, puoi pagare un tema premium dotato di pulsanti o fai il lavoro da solo copiando e incollando del codice nel tuo blog Tumblr modello.

L'aggiunta di una sola striscia di codice nella sezione destra dei documenti HTML del tuo tema posizionerà automaticamente i pulsanti dei social media sotto ogni post del blog pubblicato in precedenza e tutti i futuri post del blog.

Non preoccuparti, è più facile di quanto pensi. Ecco come farlo.

instagram viewer

Iscriviti o accedi al tuo account Tumblr per creare o accedere al tuo blog

Se non hai già creato un blog Tumblr o non ti sei nemmeno registrato per un account, la prima cosa che devi fare è visitare Tumblr.com dove ti verrà chiesto di inserire il tuo indirizzo email, la password e l'URL del blog desiderato per iniziare.

Se hai già un account e un blog, accedi semplicemente.

Scegli i pulsanti dei tuoi social media

Fai una ricerca su Google per i pulsanti di condivisione dei social network che desideri inserire nel tuo blog Tumblr. La maggior parte (se non tutti) i principali social network hanno pagine di aiuto dedicate che mostrano come configurarlo.

Per tua comodità, ecco alcune pagine ufficiali dei pulsanti di condivisione per alcuni dei social network più popolari:

  • Pulsante Mi Piace ufficiale di Facebook
  • Pulsante Tweet ufficiale di Twitter
  • Pulsante Condividi ufficiale di LinkedIn
  • Pulsante Salva ufficiale di Pinterest

Alcuni social network ti permetteranno di effettuare personalizzazioni ai loro pulsanti, incluse alterazioni della dimensione del pulsante, testo aggiuntivo del titolo, Struttura dell'URL, l'opzione di conteggio delle condivisioni e le impostazioni della lingua. Non tutti i social network ti permetteranno di farlo, ma per quelli che lo fanno, lo snippet di codice cambierà in base a come lo imposti.

Cerca di evitare di includere troppi pulsanti sul tuo blog poiché potrebbe far apparire disordinato e confuso l'aspetto dei tuoi post per i lettori che potrebbero voler condividere i tuoi contenuti.

Considera di posizionare un massimo di cinque o sei pulsanti dei social media sotto ogni post del blog, ma meno è probabilmente meglio.

Personalizza i tuoi pulsanti e prendi il codice

Segui le istruzioni sulla pagina del pulsante di condivisione del social network per personalizzare il tuo pulsante, se necessario. Una volta terminato, dovresti ricevere una stringa di codice che ti servirà per il tuo blog Tumblr.

Copia questo e incollalo in una parola vuota o in un documento di testo. Fallo per tutti i pulsanti che desideri in modo da avere la stringa di codice di ogni pulsante pronta per l'uso.

Accedi al tuo codice del tema di Tumblr

Torna alla dashboard di Tumblr. Clicca il icona della persona nel menu in alto a destra e quindi fare clic su Modifica aspetto nel menu a discesa del blog corrispondente (se disponi di più blog).

Nella pagina seguente, fare clic su Pulsante Modifica tema. Il tuo blog si aprirà in modalità anteprima sul lato destro dello schermo con un editor a sinistra.

Clic Modifica HTML nell'editor a sinistra sotto l'etichetta del tema personalizzato. L'editor si espanderà per mostrarti tutto il codice del tuo tema.

Individui che non hanno esperienza nel lavorare con HTML, PHP, JavaScript e altri codici informatici potrebbero sentirsi intimiditi guardando questa sezione. La cosa importante da ricordare è che non scriverai alcun nuovo codice.

Tutto quello che devi fare è inserire il codice del pulsante all'interno dei documenti del tema, cosa che ti verrà mostrato come fare nelle sezioni successive.

Cerca attraverso il tuo codice tema

L'unica riga di codice che devi trovare è la riga che dice: {/block: Post}.

Questo rappresenta la fine del post del blog e di solito si trova vicino alla sezione inferiore dei documenti del tema, a seconda del tema di Tumblr che stai utilizzando. Se hai difficoltà a trovare questa riga di codice semplicemente sfogliandola, puoi provare a utilizzare il Ctrl+F/Comando+F scorciatoia da tastiera o in alternativa fare clic su icona dell'ingranaggio nell'angolo in alto a sinistra dello schermo, fai clic su Trova e sostituisci e poi digita {/block: Post} dentro Cerca campo.

La funzione di ricerca troverà ed evidenzierà automaticamente {/block: Post} nel codice del tuo tema.

Incolla il codice del pulsante nel codice del tema

Copia il codice del pulsante personalizzato che hai creato e incollalo direttamente prima della riga di codice che recita: {/block: Post}.

Questo dice al tema del blog di visualizzare i pulsanti dei social media nella parte inferiore di ogni singolo post del blog.

Clic Aggiorna anteprima e quindi fare clic su pulsante blu Salva nella parte superiore dell'editor.

Metti alla prova il tuo blog Tumblr per vedere i tuoi nuovi pulsanti di condivisione social Social

Sei arrivato alla parte divertente. Se hai inserito correttamente il codice del pulsante all'interno del codice del tema, il tuo blog Tumblr dovrebbe visualizzare il condividi pulsanti a tua scelta in fondo a ogni singolo post e anche su ogni post mostrato nella pagina principale alimentazione.

Puoi fare clic su di essi per condividere facilmente i tuoi post di Tumblr su altri social network.

  • Incolla il codice del pulsante all'interno dei documenti del tema ogni volta che cambi il tema del blog in un tema nuovo di zecca. La modifica del tema non trasferirà il codice precedentemente incollato nei nuovi documenti del tema.
  • Quando inserisci più di un pulsante di social media sul tuo blog, assicurati che non ci siano spazi o nuove righe tra due diversi frammenti di codice del pulsante. Ciò garantirà che più pulsanti vengano visualizzati orizzontalmente uno accanto all'altro anziché essere visualizzati verticalmente su righe diverse.
  • Sperimenta posizionando gli snippet di codice per i pulsanti social anche prima di altri {/block: elementi. A seconda del tema, potresti notare che i pulsanti vengono visualizzati nella parte inferiore della pagina del blog, dopo tutte le note di altri utenti di Tumblr.
instagram story viewer