Hvordan legge til sosial deling ikoner til din Tumblr bloggen

Hvordan legge til sosial deling ikoner til din Tumblr bloggen


Legge til sosiale deling ikoner til din Tumblr blogg kan bidra til å fremme bloggen din og tiltrekke seg flere besøkende. Sosiale tjenester for deling gi ikonknapper for mange sosiale nettverk, inkludert Facebook, Twitter, Digg og StumbleUpon. Hver gang en leser klikker på en sosial deling ikonknappen, utgir hun en link til din Tumblr blogginnlegg til det valgte sosiale nettverket. Du kan legge til sosiale delings ikoner til din Tumblr blogg ved å kopiere et kort utdrag av design kode fra en sosial tjeneste for deling og lime den inn i din Tumblr mal.

Bruksanvisning

1 Start nettleseren. Gå til din foretrukne sosiale delingstjeneste, for eksempel AddThis, Sharethis eller Mark.

2 Klikk på "Get the Code," "Get the Button" eller "Flere alternativer" -knappen eller kobling på den sosiale delingstjenesten hjemmeside. Klikk og velg alternativknappen eller sjekk boksen ved siden av "Tumblr" alternativet.

3 Bla gjennom sosiale deling knappen ikonet stil alternativer. Velg ikonet knappen format, utforming og størrelse som passer best med din Tumblr blogg design tema. Marker og kopier knappen utformingen koden i HTML - Hypertext Markup Language - boksen.

4 Logg deg på Tumblr-konto. Klikk på tittelen på bloggen som du ønsker å legge de sosiale delingsikonene på listen over blogger over Dashboard.

5 Klikk på "Tilpass utseende" linken i menyen til høyre. Klikk på "Rediger HTML" -knappen i "Custom Theme" i alternativmenyen ruten til venstre på siden.

6 Finn "{/ block: Innlegg}" kode i malen HTML. Trykk på "F3" -knappen på tastaturet til datamaskinen for å starte nettleseren Søk eller Finn-funksjonen for å hjelpe deg å finne den riktige koden raskt.

7 Finn "</ div>" tag rett før "{/ block: Innlegg}". Lim den sosiale delingstjenesten ikon knappen koden rett før den "</ div>" tag. Den endelige koden skal se ut omtrent slik:

<! - AddThis Button BEGIN ->
<Div class = "addthis_toolbox addthis_default_style" AddThis: title = "{tittel}" 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>
<! - AddThis Button END ->
</ Div>
{/ Block: Innlegg}

8 Klikk på den grønne "Preview Update" knappen over HTML-panelet for å se hvordan de sosiale delingsikonet knapper vises på bloggen din, som er forhåndsvises på høyre side av siden. Klikk på "Utseende" -knappen øverst til venstre på siden. Klikk på den grønne "Lagre" -knappen for å lagre og implementere endringene på Tumblr bloggen.

Hint

  • Hvis du ikke kan finne en bestemt "Tumblr" i trinn to, bruker sosial deling tjenestens standard HTML koden for knappen.