Skip to main content

Tumblr Blog Tutorial o dodajanju socialnih medijskih gumbov

Anonim

Vsakdo, ki ima račun Tumblr, lahko z drugimi uporabniki delijo vsebino s pritiskom na Kot gumb ,Gumb Reblog ali Gumb Pošlji na določeni spletni dnevnik v nadzorni plošči Tumblr.

Ti vgrajeni gumbi omogočajo skupno rabo vsebine v virtualnih stenah omrežja Tumblr; vendar vam ne dajejo prožnosti za skupno rabo vsebine s spletnega spletnega dnevnika Tumblr (sat BlogName.Tumblr.com ) na drugih pomembnih spletnih mestih socialnih medijev, kot so Facebook, Twitter, Google+ ali druga mesta.

Če želite v svoj blog Tumblr dodati dodatne gumbe za skupno rabo, tako da bo izgledal kot pravi blog, lahko bodisi plačate za premium temo, ki je opremljena z gumbi ali pa delo opravlja sami, tako da kopirate in prilepite določeno kodo v predlogo spletnega dnevnika Tumblr .

Če dodate samo en črtno kodo v desnem delu HTML dokumentov teme, bodo samodejno postavili gumbe za socialne medije pod vsako objavljeno objavo v bloku in vse prihodnje objave v spletnem dnevniku.

Ne skrbi, lažje je, kot si misliš. Evo, kako to storiti.

01 od 07

Prijavite se ali se prijavite v svoj račun Tumblr, da ustvarite ali dostopite do svojega spletnega dnevnika

Če še niste ustvarili spletnega dnevnika Tumblr ali se prijavili za račun, je najprej treba obiskati spletno mesto Tumblr.com, kjer boste morali vnesti svoj e-poštni naslov, geslo in želeni URL spletnega dnevnika za začetek .

Če že imate račun in blog, se preprosto prijavite.

02 od 07

Izberite svoje socialne gumbe

Na Googlovem iskanju gumbov za skupno rabo družabnega omrežja, ki ga želite postaviti na svoj spletni dnevnik Tumblr. Večina (če sploh ne) vsa glavna socialna omrežja imajo namenske strani pomoči, ki vam pokažejo, kako jo nastavite.

Za vaše udobje je nekaj uradnih strani z gumbi za deljenje nekaterih najbolj priljubljenih družabnih omrežij:

  • Uradni gumb Like Facebook
  • Uradni Twitter Tweet gumb
  • Uradni gumb LinkedIn Share
  • Uradni uradni gumb za skupno rabo v storitvi Google+
  • Uradni gumb Pinterest Save

Nekatera družabna omrežja vam omogočajo, da prilagodite svoje gumbe, vključno s spremembami velikosti gumba, dodatnim naslovom, strukturo URL-jev, možnostjo štetja delnic in jezikovnimi nastavitvami. Vsa socialna omrežja vam ne dovolijo, toda za tiste, ki se počnejo, se bo delček kode spremenil glede na način, kako ga nastavite.

V svojem spletnem dnevniku ne poskusite vključiti preveč gumba, ker bi lahko videz vaših objav izgledal nered in zmeden za bralce, ki morda želijo objaviti svojo vsebino.

Razmislite o postavitvi največ pet ali šest gumbov za socialne medije pod vsako objavo v spletnem dnevniku, vendar je verjetno manj možnosti.

03 od 07

Prilagodite svoje gumbe in zgrabite kodo

Če želite, prilagodite svoj gumb, upoštevajte navodila na strani z gumbom za skupno rabo v družabnem omrežju. Ko končate, morate imeti niz kode, ki jo boste potrebovali za svoj spletni dnevnik Tumblr.

Kopirajte to in ga prilepite v prazno besedo ali besedilni dokument. Naredite to za vse gumbe, ki jih želite, da imate vsak gumb gumba kode pripravljeni iti.

04 od 07

Dostopajte do teme Tumblr

Pojdite nazaj na nadzorno ploščo Tumblr. Kliknite na ikona osebe v zgornjem desnem meniju in nato kliknite Uredite videz v spustnem meniju za ustrezni spletni dnevnik (če imate več blogov).

Na naslednji strani kliknite na Urejanje gumba teme. Vaš spletni dnevnik se bo odprl v predogledu na desni strani zaslona z urejevalnikom na levi.

Kliknite Uredite HTML v urejevalniku na levi pod oznako temo po meri. Urejevalnik se bo razširil, da vam bo pokazal vso svojo kodo teme.

Posamezniki, ki so neizkušeni pri delu z HTML, PHP, JavaScript in drugimi računalniškimi kodami, se lahko počutijo zastrašujoče, če pogledajo ta razdelek. Pomembno je zapomniti, da ne boste nikoli napisali nove kode.

Vse kar morate storiti je, da kodo gumba postavite v dokumente teme, kar vam bo prikazano, kako narediti v naslednjih razdelkih.

05 od 07

Iskanje prek vaše teme

Edina vrstica kode, ki jo morate najti, je vrstica, ki se glasi: {/ bloka: objave}.

Topredstavlja konec objave v spletnem dnevniku in se običajno nahaja v spodnjem delu tematskih dokumentov, odvisno od teme Tumblr, ki jo uporabljate. Če imate težave pri iskanju te vrstice kode samo s pomočjo brskanja po njem, lahko poskusite uporabiti Ctrl + F / Cmd + F bližnjico na tipkovnici ali pa kliknite na ikona zobnika v zgornjem levem kotu zaslona kliknite Poiščite in nadomestite in nato vnesite {/ bloka: objave} v Poiščite polje.

Funkcija iskanja bo samodejno poiskala in označila{/ bloka: objave} v kodi teme.

06 od 07

Prilepite kodo gumba v vašo temo

Kopirajte prilagojeno kodo gumba, ki ste jo ustvarili, in ga prilepite neposredno pred vrstico kode, ki se glasi: {/ bloka: objave}.

To pove temo v spletnem dnevniku, da prikaže socialne gumbe na dnu vsake posamezne objave v spletnem dnevniku.

Kliknite Posodobi predogled in nato kliknite modro Shrani gumb na vrhu urednika.

07 od 07

Preskusite svoj spletni dnevnik Tumblr, da si ogledate svoje nove gumbe za skupno rabo v skupni rabi

Uspeli ste do zabavnega dela. Če ste pravilno kodo gumba pravilno postavili v kodo teme, bo vaš blog Tumblr prikazal gumbe za skupno rabo po vaši izbiri na dnu posamezne objave in tudi na vsaki objavi, prikazani na glavnem viru.

Lahko kliknete na njih, da preprosto delite svoje objave Tumblr v drugih omrežjih socialnih medijev.

Nasveti:

  • Prilepite kodo gumba v dokumente o temah vsakič, ko spremenite temo svojega bloga v popolnoma novo temo. Če spremenite temo, ne prejmete prej vnesene kode v nove tematske dokumente.
  • Ko v svojem spletnem dnevniku položite več kot en gumb za socialne medije, se prepričajte, da med dvema različnima deloma kode gumba ni presledkov ali novih vrstic. To bo zagotovilo, da se več gumbov prikaže vodoravno drug poleg drugega in ne bo prikazano navpično na različnih vrsticah.
  • Preizkusite z dodajanjem kodnih delčkov za socialne gumbe pred drugimi elementi {/ block: elementi. Odvisno od vaše teme, boste morda opazili, da se gumbi prikažejo na samem dnu strani spletnega dnevnika, po vseh opombah drugih uporabnikov Tumblr.