Skip to main content

Tumblr Blog Tutorial o dodavanju gumba društvenih medija

​[????BETA] NOOBS PLAY DEAD BY DAYLIGHT FROM START LIVE! (Lipanj 2026)

​[????BETA] NOOBS PLAY DEAD BY DAYLIGHT FROM START LIVE! (Lipanj 2026)
Anonim

Svatko s Tumblr računom može dijeliti sadržaj s drugim korisnicima pritiskom na Poput gumba ,Gumb Reblog ili Pošalji gumb na određenom blogu na Tumblr nadzornoj ploči.

Ovi ugrađeni gumbi omogućuju vam dijeljenje sadržaja unutar virtualnih zidova Tumblr mreže; no oni vam ne pružaju fleksibilnost dijeljenja sadržaja s web-based Tumblr blog (sat BlogName.Tumblr.com ) na bilo kojem drugom društvenom medijskom web mjestu kao što su Facebook, Twitter, Google+ ili druga mjesta.

Ako želite dodati dodatne gumbe za dijeljenje na svoj blog Tumblr tako da izgleda kao pravi blog, možete platiti premium temu koja dolazi opremljena gumama ili sami radite kopiranjem i lijepljenjem nekog koda u svoj predložak Tumblr bloga ,

Dodavanje samo jedne trake koda u desnom odjeljku HTML dokumenata vaše teme automatski će postaviti gumbe društvenih medija ispod svakog prethodno objavljenog bloga i svih budućih postova bloga.

Ne brinite, to je lakše nego što mislite. Evo kako to učiniti.

01 od 07

Prijavite se ili prijavite na svoj Tumblr račun da biste stvorili ili pristupili svom blogu

Ako još niste stvorili blog Tumblr ili ste se čak prijavili za račun, prva stvar koju trebate učiniti je da posjetite Tumblr.com gdje ćete morati unijeti svoju adresu e-pošte, zaporku i željeni URL bloga da biste započeli ,

Ako već imate račun i blog, jednostavno se prijavite.

02 od 07

Odaberite svoje gumbe za društvene medije

Učinite Google pretraživanje gumba za dijeljenje društvene mreže koju želite staviti na svoj blog Tumblr. Većina (ako ne i sve) glavne društvene mreže imaju posvećene stranice pomoći koje vam pokazuju kako to postaviti.

Radi vaše udobnosti, evo nekoliko službenih stranica s gumbima za dijeljenje za neke od najpopularnijih društvenih mreža:

  • Službeni gumb poput Facebooka
  • Službeni gumb Twitter
  • Službeni gumb LinkedIn Share
  • Službeni gumb Google+ Share
  • Službeni gumb Pinterest Save

Neke društvene mreže omogućuju vam da prilagodite gumbe, uključujući izmjene veličine gumba, dodatnog teksta naslova, strukture URL-a, opcije broja dijeljenja i postavki jezika. Nisu sve društvene mreže dopuštale da to učinite, ali za one koji to rade, isječak koda promijenit će se prema načinu na koji ste ga postavili.

Pokušajte se pridržavati previše gumba na blogu jer može uzrokovati da se postovi vaših postova izgledaju pretrpan i zbunjuju za čitatelje koji možda žele dijeliti vaš sadržaj.

Razmislite o postavljanju najviše pet ili šest gumba društvenih medija ispod svakog bloga, no manje je vjerojatno bolje.

03 od 07

Prilagodite svoje gumbe i zgrabite kod

Slijedite upute na stranici za dijeljenje društvene mreže da biste prilagodili gumb ako je potrebno. Kada završite, trebali biste dobiti niz koda koji će vam trebati za vaš blog Tumblr.

Kopirajte je i zalijepite u prazno rijeÄŤ ili tekstualni dokument. Učinite to za sve gumbe koje želite da biste dobili niz koda za svaki gumb.

04 od 07

Pristup Tumblr Theme Codeu

Vratite se na svoju Tumblr nadzornu ploču. Kliknite gumb ikonu osobe u gornjem desnom kutu, a zatim kliknite Uredi izgled u padajućem izborniku za odgovarajući blog (ako imate više blogova).

Na sljedećoj stranici kliknite gumb Uredi temu gumb, Vaš će se blog otvoriti u načinu pregleda na desnoj strani zaslona s urednikom s lijeve strane.

Klik Uredi HTML u editoru s lijeve strane ispod oznake prilagođene teme. Urednik će se proširiti kako bi vam prikazao cijeli kod svoje teme.

Pojedinci koji su neiskusni u radu s HTML-om, PHP-om, JavaScript-om i ostalim računalnim kodovima mogu se osjećati zastrašujuće gledajući ovaj odjeljak. Važno je zapamtiti da uopće nećeš pisati nikakav novi kod.

Sve što trebate učiniti je postaviti kôd gumba unutar tema dokumenta, a bit će vam prikazano kako to učiniti u sljedećim odjeljcima.

05 od 07

Pretražite kôd teme

Jedina linija koda koju trebate pronaći jest linija koja glasi: {/ Block: poruka}.

Ovajpredstavlja završetak posta bloga i obično se može naći u blizini dnu odjeljka tematske dokumentacije, ovisno o temi Tumblr koju koristite. Ako imate poteškoća u pronalaženju ove linije koda samo pregledavajući ga, možete pokušati upotrijebiti Ctrl + F / Cmd + F tipkovnički prečac ili alternativno kliknite na ikona zupčanika u gornjem lijevom kutu zaslona kliknite Pronađite i zamijeni i zatim upišite {/ Block: poruka} u Traži polje.

Funkcija pretraživanja automatski će pronaći i istaknuti{/ Block: poruka} u svojem kodu teme.

06 od 07

Lijepljenje gumba kod u svoj tematski kod

Kopirajte prilagođeni gumb gumba koji ste izradili i zalijepite ga izravno ispred linije koda koji glasi: {/ Block: poruka}.

Ovo govori temi bloga da prikaže gumbe društvenih medija na dnu svakog bloga.

Klik Ažuriraj pregled i zatim kliknite gumb plavi gumb Spremi na vrhu urednika.

07 od 07

Testirajte svoj blog Tumblr da biste vidjeli svoje nove gumbe društvenih dijeljenja

Učinili ste to zabavnom dijelu. Ako ste pravilno postavili kôd gumba unutar koda teme, vaš blog Tumblr trebao bi prikazivati ​​gumbe za dijeljenje po vašem izboru pri dnu svakog pojedinačnog posta i na svakom postu prikazanom na glavnom feedu.

Možete ih kliknuti da biste jednostavno dijelili postove s Tumblr na drugim mrežama društvenih medija.

Savjet:

  • Zalijepite kôd gumba unutar dokumenata teme svaki put kada promijenite temu bloga novoj temi. Promjena teme neće prenijeti prethodno zalijepljeni kôd u nove tematske dokumente.
  • Kada postavite više od jednog gumba društvenih medija na svoj blog, provjerite da nema razmaka ili novih linija između dva različita isječka gumba za gumbe. To će osigurati da se više gumba prikazuje vodoravno jedan pored drugog, za razliku od prikazivanja okomito na različitim linijama.
  • Eksperimentirajte s postavljanjem isječaka koda za gumbe za društvene mreže prije drugih {/ block: elemenata. Ovisno o temi, možda ćete primijetiti da se gumbi pojavljuju na dnu stranice bloga, nakon svih bilješki drugih Tumblr korisnika.