Come aggiungere Icone sociali di condivisione per il tuo blog Tumblr

August 8

Come aggiungere Icone sociali di condivisione per il tuo blog Tumblr


L'aggiunta di condivisione icone sociali al tuo blog Tumblr può contribuire a promuovere il tuo blog e attrarre i visitatori aggiuntivi. servizi di condivisione sociali forniscono pulsanti icona per molte reti sociali, tra cui Facebook, Twitter, Digg e StumbleUpon. Ogni volta che un lettore fa clic su un pulsante Social sharing icona, si pubblica un link al tuo post sul blog Tumblr al social network selezionato. È possibile aggiungere la condivisione di icone sociali al tuo blog Tumblr copiando un breve frammento di codice di progettazione da un servizio di condivisione sociale e incollarlo nel modello Tumblr.

istruzione

1 Avviare il browser Web. Vai al tuo servizio di condivisione social preferito, come ad esempio AddThis, ShareThis o AddToAny.

2 Fare clic sul pulsante "Crea il codice", "Prendi il pulsante" o "Altre opzioni" o il link sulla home page del servizio di condivisione sociale. Fare clic e selezionare il pulsante di scelta o la casella di controllo accanto all'opzione "Tumblr".

3 Scorrere le opzioni pulsante Condivisione icona di stile sociali. Selezionare l'icona in formato tasto, il layout e la dimensione che si adatta meglio con il tema di design del tuo blog Tumblr. Evidenziare e copiare il codice di progettazione pulsante in HTML - HyperText Markup Language - scatola.

4 Accedi al tuo account Tumblr. Fare clic sul titolo del blog a cui si desidera aggiungere le icone di condivisione sociali nella lista dei blog di cui sopra Dashboard.

5 Fare clic sul collegamento "personalizzare l'aspetto" nel menù a destra. Fare clic sul pulsante "Modifica HTML" nella sezione "Custom Tema" del riquadro menu delle opzioni sul lato sinistro della pagina.

6 Individuare il "{/ block: Messaggi}" codice HTML del tuo modello. Premere il tasto "F3" sulla tastiera del computer per lanciare Ricerca del tuo browser o funzione Trova per aiutarvi a trovare il codice corretto rapidamente.

7 Trovare il tag "</ div>" immediatamente prima di "{/ block: Messaggi}". Incollare il codice pulsante con l'icona del servizio di condivisione sociale immediatamente prima del tag "</ div>". Il codice finale dovrebbe essere simile a questo:

<! - BEGIN Button AddThis ->
<Div class = "addthis_toolbox addthis_default_style" AddThis: title = "{title}" AddThis: url = "{} Permalink">
<a class="addthis_button_preferred_1"> </a>
<a class="addthis_button_preferred_2"> </a>
<a class="addthis_button_preferred_3"> </a>
<a class="addthis_button_preferred_4"> </a>
<a class="addthis_button_compact"> </a>
<a class="addthis_counter addthis_bubble_style"> </a>
</ Div>
<Script type = "text / javascript" src = "& lt; / script" rel = "nofollow" target="_blank">http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4ea66f1406ce7139&quot;>&lt;/script>
<! - Button AddThis END ->
</ Div>
{/ Block: Messaggi}

8 Fare clic sul pulsante verde "Aggiorna anteprima" sopra il riquadro HTML per vedere come i tasti icona di condivisione sociale visualizzare sul tuo blog, che è in anteprima sul lato destro della pagina. Fare clic sul pulsante "Aspetto" nella parte in alto a sinistra della pagina. Fare clic sul tasto "Salva" per salvare e implementare le modifiche sul tuo blog Tumblr.

Consigli e avvertenze

  • Se non è possibile trovare una specifica opzione "Tumblr" al punto due, utilizzare codice del pulsante HTML standard del servizio di condivisione sociale.