Kako staviti gumbe za društvene medije na Tumblr Blog

click fraud protection

Svatko tko ima Tumblr račun mogu dijeliti sadržaj s drugim korisnicima pritiskom na Gumb Like ono, Gumb za ponovni blog, ili Gumb za slanje na određenom postu na blogu unutar Tumblr nadzorne ploče.

Ovi ugrađeni gumbi omogućuju vam dijeljenje sadržaja unutar virtualnih zidova mreže Tumblr; međutim, ne pružaju vam fleksibilnost dijeljenja sadržaja s web-osnovanog bloga Tumblr na bilo kojim drugim glavnim web-lokacijama na društvenim mrežama, poput Facebook ili Twitter.

Ako na svoj Tumblr blog želite dodati dodatne gumbe za dijeljenje tako da izgleda kao pravi blog, možete platiti premium tema koja se isporučuje s gumbima ili sami obavite posao kopiranjem i lijepljenjem koda na svoj Tumblr blog predložak.

Dodavanjem samo jedne trake koda u desni odjeljak HTML dokumenata vaše teme automatski će smjestiti gumbe na društvenim mrežama ispod svakog prethodno objavljenog posta na blogu i svih budućih postova na blogu.

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

Registrirajte se ili prijavite na svoj Tumblr račun da biste stvorili svoj blog ili pristupili njemu

instagram viewer

Ako još niste stvorili Tumblr blog ili se čak niste prijavili za račun, prvo što morate učiniti je posjetiti Tumblr.com gdje ćete za početak morati upisati svoju adresu e-pošte, lozinku i željeni URL bloga.

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

Odaberite gumbe za društvene mreže

Pretražite na Googleu gumbe za dijeljenje na društvenoj mreži koje želite staviti na svoj Tumblr blog. Većina (ako ne i sve) glavne društvene mreže imaju namjenske stranice pomoći koje vam pokazuju kako to postaviti.

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

  • Službeni gumb Facebook Like
  • Službeni Twitter gumb Twitter
  • Službeni gumb LinkedIn Share
  • Službeni Pinterest gumb Spremi

Neke će vam društvene mreže omogućiti prilagodbu njihovih gumba, uključujući promjene veličine gumba, dodatni tekst naslova, URL struktura, opcija dijeljenja broja i postavke jezika. Neće vam sve društvene mreže to dopustiti, ali za one koji to čine, isječak koda promijenit će se prema načinu na koji ste ga postavili.

Pokušajte se suzdržati od uključivanja previše gumba na svom blogu jer bi izgled vaših postova mogao izgledati pretrpano i zbunjujuće za čitatelje koji možda žele podijeliti vaš sadržaj.

Razmislite o postavljanju najviše pet ili šest gumba na društvenim mrežama ispod svakog posta na blogu, ali manje je vjerojatno bolje.

Prilagodite svoje tipke i zgrabite kôd

Slijedite upute na stranici gumba za dijeljenje društvene mreže da biste po potrebi prilagodili svoj gumb. Kad završite, trebali biste dobiti niz koda koji će vam trebati za vaš Tumblr blog.

Kopirajte ovo i zalijepite u praznu riječ ili tekstualni dokument. Učinite to za sve gumbe koje želite tako da imate spreman niz koda svakog gumba.

Pristupite svom kodu teme Tumblr

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

Na sljedećoj stranici kliknite Gumb Uredi temu. Vaš će se blog otvoriti u načinu pregleda na desnoj strani zaslona s uređivačem na lijevoj strani.

Klik Uredi HTML u uređivaču s lijeve strane ispod oznake Prilagođena tema. Uređivač će se proširiti tako da vam prikaže sav kôd teme.

Pojedinci koji nisu iskusni u radu HTML, PHP, JavaScript i drugi računalni kod mogu se osjećati zastrašenima gledajući ovaj odjeljak. Važno je upamtiti da uopće nećete pisati novi kod.

Sve što morate učiniti je postaviti kôd gumba unutar dokumenata teme, što će vam biti prikazano u sljedećim odjeljcima.

Pretražite kroz svoj tematski kod

Jedini redak koda koji trebate pronaći je redak koji glasi: {/ block: Postovi}.

Ovaj predstavlja kraj posta na blogu i obično se može naći u donjem dijelu dokumenata teme, ovisno o tome koju Tumblr temu koristite. Ako imate poteškoća s pronalaženjem ovog retka koda samo pregledavanjem, možete pokušati koristiti Ctrl + F / Cmd + F tipkovni prečac ili kliknite na ikona zupčanika u gornjem lijevom kutu zaslona kliknite Pronađite i zamijenite a zatim upišite {/ block: Postovi} u Potražite polje.

Funkcija pretraživanja automatski će pronaći i istaknuti {/ block: Postovi} u kodu teme.

Zalijepite kôd gumba u svoj kôd teme

Kopirajte prilagođeni kod gumba koji ste stvorili i zalijepite ga izravno ispred retka koda koji glasi: {/ block: Postovi}.

To govori temi bloga da prikazuje gumbe društvenih mreža na dnu svakog pojedinog posta na blogu.

Klik Ažuriranje pregleda a zatim kliknite plavi gumb Spremi na vrhu urednika.

Testirajte svoj Tumblr blog da biste vidjeli nove gumbe za dijeljenje na društvenim mrežama

Došli ste do zabavnog dijela. Ako ste ispravno postavili kôd gumba unutar koda teme, vaš Tumblr blog trebao bi prikazati dijelite gumbe po vašem izboru na dnu svakog pojedinog posta, a također i na svakom postu prikazanom na glavnoj stranici hraniti.

Možete kliknuti na njih da biste lako dijelili svoje Tumblr postove na drugim mrežama društvenih mreža.

  • Zalijepite kôd gumba u dokumente teme svaki put kad promijenite temu bloga u potpuno novu temu. Promjenom teme neće se prenijeti prethodno zalijepljeni kôd u nove dokumente teme.
  • Kada postavljate više od jednog gumba na društvenim mrežama na svoj blog, pripazite da između dva različita isječka koda gumba nema razmaka ili novih redaka. To će osigurati da se više gumba prikazuje vodoravno jedni pored drugih, za razliku od vertikalnih prikaza na različitim linijama.
  • Eksperimentirajte s postavljanjem isječaka koda za gumbe na društvenim mrežama prije ostalih elemenata {/ block: Ovisno o vašoj temi, mogli biste primijetiti da se gumbi prikazuju na samom dnu stranice bloga, nakon svih bilješki drugih korisnika Tumblra.
instagram story viewer