Ako vložiť aplikácie Tumblr do bočného panela

Mnoho webových stránok ponúka widgety na vloženie do svojho blogu, čím sa otvára široká škála možností prispôsobenia. Ak téma Tumblr obsahuje bočný panel, môžete na svoju stránku blogu vložiť aplikácie vložením riadku kódu HTML do značky bočného panela témy. Webové stránky ponúkajúce widgety môžu vygenerovať tento riadok kódu, takže na vloženie widgetov do bočného panela nepotrebujete znalosti programovania. Tumblr obsahuje editor HTML s vyhľadávacím panelom, takže môžete rýchlo nájsť značku bočného panela a vložiť kód do správneho umiestnenia.

Navštívte web, napríklad Widgetbox, ShareThis alebo Tumblring, aby ste našli widgety, ktoré chcete pridať do vaša stránka Tumblr (odkazy v časti Zdroje). Proces generovania kódu HTML sa medzi jednotlivými miniaplikáciami líši, ale každá stránka poskytuje pokyny na prispôsobenie miniaplikácie, vygenerovanie kódu a vloženie kódu na svoju stránku Tumblr. Medzi typy widgetov patria tlačidlá na sociálne záložky, hudobné prehrávače, vyhľadávacie nástroje a mnoho ďalších.

Vyberte widget a po zobrazení výzvy si vyberte ľubovoľné možnosti, ako sú rozloženie, farba alebo písmo. Niektoré widgety môžu vyžadovať ďalšie nastavenie. Ak napríklad vkladáte hudobný prehrávač, možno bude potrebné vygenerovať zoznam skladieb podľa pokynov na stránke, aby ste mohli vygenerovať zoznam skladieb. Po výbere kliknite na možnosť Generovať HTML alebo podobnú možnosť a skopírujte kód zobrazený v textovom poli.

Otvorte program Poznámkový blok a vložte kód do nového textového dokumentu. Uložte dokument a pomenujte ho, aby ste ho mohli ľahko identifikovať neskôr, napríklad pomocou názvu widgetu.

Navštívte informačný panel Tumblr, kliknite na ikonu ozubeného kolieska a vyberte svoj blog z bočného panela. V časti Téma kliknite na položku Prispôsobiť a potom na stránke prispôsobenia vyberte položku Upraviť HTML. HTML kód vášho blogu sa otvorí v textovom editore vloženom na stránke.

Otvorte nový textový dokument v programe Poznámkový blok a skopírujte kód HTML z editora Tumblr do nového dokumentu Poznámkový blok. Pomenujte tento dokument, napríklad „Tumlbr HTML Original“, aby ste ho mohli rýchlo nájsť neskôr, ak sa vám nepáči zmeny, ktoré ste urobili na bočnom paneli.

Vráťte sa do editora HTML spoločnosti Tumblr a stlačte kláves „Ctrl- F “, aby sa zobrazil panel Nájsť a nahradiť, pomocou ktorého môžete vyhľadať značku bočného panela v kóde HTML. Presné formátovanie kódu sa môže medzi témami líšiť, ale nájdete ho zadaním „bočného panela“ (bez úvodzoviek) do poľa Nájsť, pretože všetky kľúčové slová na bočnom paneli obsahujú toto kľúčové slovo. Napríklad vyhľadávanie výrazu „sidebar“ môže nájsť útržok kódu „

>, ktorý označuje začiatok značky bočného panela. Značka končí záverečným kľúčovým slovom „

“.

Vložte kód HTML miniaplikácie do značky bočného panela, ale nie do hranatých zátvoriek, ktoré ohraničujú kľúčové slová značky. Po vložení kódu by sa vaša značka bočného panela mala podobať nasledujúcemu útržku kódu:

div id = "sidebar" & gt; Tu sa nachádza HTML kód vášho widgetu.

> Vygenerovaný kód môže byť dlhý a komplikovaný, ale všetko, čo musíte urobiť, je vložiť ho do značky na bočnom paneli. Na tabuľkách medzier a riadkov nezáleží, pretože HTML editor spoločnosti Tumblr kód kóduje.

Kliknutím na „Aktualizovať ukážku“ zobrazíte zmeny v okne náhľadu. Ak sa vaša miniaplikácia zobrazuje podľa vašich predstáv, kliknite na „Uložiť“ a zatvorte editor HTML. Ak chcete zmeniť niektorý aspekt miniaplikácie, nahraďte zmenený kód pôvodným kódom, ktorý ste uložili v kroku 5. Vráťte sa na stránku generovania miniaplikácií, vyberte preferované možnosti a znova vygenerujte kód. Zopakujte postup vkladania kódu s novo vygenerovaným kódom.

Tipy

Ak vkladáte viacero miniaplikácií bočného panela, prilepte ich v poradí, v akom sa majú zobrazovať na bočnom paneli.

• Predchádzajúca strana: Čo znamená Mass Editor v Tumblr?
• Ďalšia strana: Keď odpoviete na reklamu Craigslist, je to anonymné?