Mnoge web stranice nude widgete za ugradnju u vaš blog, što otvara široku paletu mogućnosti za prilagodbu. Ako vaša Tumblr tema uključuje bočnu traku, možete umetnuti programe na stranicu bloga lijepljenjem retka HTML koda u oznaku bočne trake teme. Web stranice koje nude widgete mogu generirati ovaj redak koda, tako da vam nije potrebno znanje programiranja da biste dodali widgete na bočnu traku. Tumblr uključuje HTML uređivač s trakom za pretraživanje tako da možete brzo pronaći oznaku bočne trake i umetnuti kôd na odgovarajuće mjesto.
Posjetite web mjesto poput Widgetboxa, ShareThis ili Tumblring da biste potražili widgete koje ćete dodati na svoju Tumblr stranicu (veze u Resursima). Postupak generiranja HTML koda razlikuje se između pojedinih widgeta, ali svaka web stranica sadrži upute za prilagodbu widgeta, generiranje koda i umetanje koda na vašu Tumblr stranicu. Vrste widgeta uključuju gumbe za društvene oznake, glazbene uređaje, tražilice i mnoge druge.
Odaberite widget i, kada se to zatraži, odaberite bilo koju opciju, poput izgleda, boje ili fonta. Neki će widgeti možda trebati više postavki. Na primjer, ako ugrađujete glazbeni uređaj, možda ćete trebati slijediti upute web mjesta za stvaranje popisa za reprodukciju prije nego što se vaš kôd može generirati. Nakon odabira kliknite "Generiraj HTML" ili sličnu opciju i kopirajte kod prikazan u tekstnom okviru.
Otvorite Notepad i zalijepite kôd u novi tekstualni dokument. Spremite dokument i dajte mu ime koje ćete kasnije lako prepoznati, na primjer ime widgeta.
Posjetite svoju nadzornu ploču Tumblr, kliknite ikonu "Gear" i odaberite svoj blog na bočnoj traci. Kliknite "Prilagodi" u odjeljku Tema, a zatim na stranici za prilagodbu odaberite "Uredi HTML". HTML kôd vašeg bloga otvara se u uređivaču teksta ugrađenom u stranicu.
Otvorite novi tekstualni dokument u Notepadu i kopirajte HTML kôd iz uređivača Tumblr u novi Notepad dokument. Dajte ovom dokumentu naziv poput "Tumlbr HTML Original" kako biste ga kasnije mogli brzo pronaći ako vam se ne sviđaju promjene koje napravite na bočnoj traci.
Vratite se u Tumblr-ov HTML editor i pritisnite “Ctrl-F” za prikaz trake Pronađi i zamijeni pomoću koje možete tražiti oznaku bočne trake unutar HTML koda. Točno oblikovanje koda može se razlikovati među temama, ali možete ga pronaći tako da u okvir Pronađi upišete "bočna traka" (bez navodnika) jer sve oznake bočne trake uključuju ovu ključnu riječ. Na primjer, pretraga "bočne trake" može pronaći isječak koda "
Zalijepite HTML kôd widgeta unutar oznake bočne trake, ali ne unutar kutnih zagrada koje označavaju ključne riječi oznake. Nakon umetanja koda, oznaka bočne trake trebala bi nalikovati sljedećem isječku koda:
Generirani kôd može biti dug i složen, ali sve što trebate učiniti je zalijepiti ga u oznaku bočne trake. Tablice s razmacima i linijama nisu bitne jer Tumblrov HTML uređivač oblikuje kôd umjesto vas.
Kliknite "Ažuriraj pregled" da biste pregledali promjene u prozoru za pregled. Ako se vaš widget prikazuje prema vašem ukusu, kliknite "Spremi" i zatvorite HTML uređivač. Ako želite promijeniti bilo koji aspekt svog widgeta, zamijenite izmijenjeni kôd originalnim kodom koji ste spremili u koraku 5. Vratite se na stranicu za generiranje widgeta, odaberite željene opcije i ponovno generirajte kôd. Ponovite postupak umetanja koda s novo generiranim kodom.
Savjeti
Ako umetate više widgeta bočne trake, zalijepite ih redoslijedom kojim biste željeli da se pojave na vašoj bočnoj traci.
