Kako staviti gumbe društvenih medija na blog Tumblr

01 od 07

Prijavite se kako biste stvorili blog Tumblr

Prijavite se za Tumblr. Fotografija © Tumblr

Ako još niste stvorili blog Tumblr, prva stvar koju trebate učiniti je posjetiti Tumblr.com gdje ćete biti zatraženi da unesete svoju adresu e-pošte, lozinku i željeni URL bloga kako biste započeli.

Svatko s Tumblr računom može dijeliti sadržaj s drugim korisnicima pritiskom na gumb "Sviđa mi se" ili gumb "Reblog" na određenom postu na blogu. Ovi ugrađeni gumbi omogućuju svima da dijele sadržaj unutar virtualnih zidova Tumblr mreže; no oni vam ne pružaju fleksibilnost dijeljenja sadržaja na bilo kojem drugom društvenom medijskom web mjestu kao što su Facebook , Twitter , Google+ ili StumbleUpon.

Ako želite dodati dodatne gumbe za dijeljenje na svoj blog Tumblr, morate kopirati i zalijepiti neki kôd 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.

02 od 07

Odaberite svoje gumbe za društvene medije

Gumbi društvenih medija. Foto © iStockPhoto

Najčešći gumbe za društvene medije koji se postavljaju na blog uključuju gumb "Like" i službeni gumb "Tweet", ali možete također uključiti druge poput gumba Digg, gumb Reddit, gumb StumbleUpon, gumb Google+, gumb Ukusan ili bilo koji drugi gumb društvenih medija po vašem izboru.

Ne uklanjajte previše gumba na svoj blog 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.

03 od 07

Pronađite i prilagodite kod za svaki gumb

Twitter kôd. Fotografija © Twitter

Većina društvenih mreža ima određenu stranicu posvećenu prikazivanju korisnika kako instalirati i prilagoditi vlastiti gumb za dijeljenje na blogu ili web-mjestu. Ako imate poteškoća s pronalaženjem onoga što tražite, pokušajte upisati kôd gumba "[naziv društvene mreže]" u željenu tražilicu da biste je pronašli i zamijenili naziv [društvene mreže] s imenom web-lokacije. Na primjer, pretraživanjem "koda gumba za Twitter", jedan od prvih rezultata koji će se pojaviti trebao bi biti službena stranica gumba Tweet s web mjesta Twittera.

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 obuhvaćaju prilagodljivu izradu gumba, ali za one koji to rade, isječak koda promijenit će se prema načinu na koji ste ga postavili.

04 od 07

Pristup Tumblr tematskim dokumentima

Tumblr tematske dokumente. Fotografija © Tumblr

Na Tumblr nadzornoj ploči nalazi se opcija u zaglavlju pod nazivom "Tema" koja prikazuje kôd teme kada kliknete da je otvorite. Ako nakon klika na nju ne vidite hrpu koda, kliknite gumb "Koristi prilagođeni HTML" pri dnu prozora.

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.

05 od 07

Pretraživanje kroz tematske dokumente

Tumblr Theme Code. Fotografija © Tumblr

Jedina linija koda za pronalaženje je linija koja glasi: {/ block: Postovi} , što predstavlja kraj postova na blogu i obično se nalazi u blizini dnu odjeljka tematske dokumentacije, ovisno o tome koju temu Tumblr koriste. Ako imate poteškoća u pronalaženju ove linije koda samo pretraživanjem, pokušajte upotrijebiti funkciju traženja Ctrl + F.

Istodobno pritisnite tipku za upravljanje i tipku "F" na tipkovnici da biste pokrenuli unos tražila. Unesite "{/ block: Postovi}" i pritisnite pretraživanje kako biste brzo pronašli liniju koda.

06 od 07

Zalijepite gumb kod u tematske dokumente

Twitter kôd. Fotografija © Twitter
Kopirajte prilagođeni gumb gumba koji ste izradili i zalijepite ga izravno ispred linije koda koji glasi: {/ block: Posts} . Ovo govori temi bloga da prikaže gumbe društvenih medija na dnu svakog bloga.

07 od 07

Testirajte svoj blog Tumblr

Tumblr s gumbima društvenih medija. Fotografija © Tumblr

Učinili ste to zabavnom dijelu. Ako ste pravilno postavili kôd gumba u tematske dokumente, vaš blog Tumblr trebao bi prikazati gumbe za dijeljenje po vašem izboru pri dnu svakog pojedinačnog posta. Kliknite na njih da biste jednostavno dijelili svoje Tumblr postove na drugim mrežama društvenih medija.

Savjet: