Mnoho webů nabízí widgety pro vložení do vašeho blogu, což otevírá širokou škálu možností přizpůsobení. Pokud vaše téma Tumblr obsahuje postranní panel, můžete vložit aplikace na stránku blogu vložením řádku kódu HTML do značky postranního panelu motivu. Weby, které nabízejí widgety, mohou tento řádek kódu vygenerovat, takže k vkládání widgetů do postranního panelu nepotřebujete znalosti programování. Tumblr obsahuje editor HTML s vyhledávací lištou, takže můžete rychle najít značku postranního panelu a vložit kód na správné místo.
Navštivte web, jako je Widgetbox, ShareThis nebo Tumblring, kde můžete vyhledat widgety, které chcete přidat na svou stránku Tumblr (odkazy ve zdrojích). Proces generování kódu HTML se mezi widgety liší, ale každý web poskytuje pokyny pro přizpůsobení widgetu, generování kódu a vložení kódu na stránku Tumblr. Mezi typy widgetů patří tlačítka pro sociální záložky, hudební přehrávače, vyhledávače a mnoho dalších.
Vyberte widget a po zobrazení výzvy vyberte libovolné možnosti, například rozložení, barvu nebo písmo. Některé widgety mohou vyžadovat více nastavení. Pokud například vkládáte hudební přehrávač, bude pravděpodobně nutné vygenerovat kód podle pokynů na webu pro vytvoření seznamu skladeb. Po výběru klikněte na „Generovat HTML“ nebo podobnou možnost a zkopírujte kód zobrazený v textovém poli.
Otevřete Poznámkový blok a vložte kód do nového textového dokumentu. Uložte dokument a pojmenujte jej, můžete jej snadno identifikovat později, například název widgetu.
Navštivte svůj Tumblr dashboard, klikněte na ikonu „Gear“ a vyberte svůj blog z postranního panelu. V sekci Motivy klikněte na „Přizpůsobit“ a na stránce přizpůsobení zvolte „Upravit HTML“. HTML kód vašeho blogu se otevře v textovém editoru vloženém do stránky.
Otevřete nový textový dokument v poznámkovém bloku a zkopírujte kód HTML z editoru Tumblr do nového dokumentu poznámkového bloku. Pojmenujte tento dokument, například „Tumlbr HTML Original“, abyste jej mohli později rychle najít, pokud se vám nelíbí provedené změny na postranním panelu.
Vraťte se do editoru HTML společnosti Tumblr a stisknutím kláves „Ctrl-F“ zobrazte lištu Najít a nahradit, kterou můžete použít k vyhledání značky postranního panelu v kódu HTML. Přesné formátování kódu se může u jednotlivých témat lišit, ale najdete ho zadáním „postranního panelu“ (bez uvozovek) do pole Najít, protože všechny značky postranního panelu obsahují toto klíčové slovo. Například vyhledáním „postranního panelu“ můžete najít fragment kódu „
Vložte kód HTML widgetu do značky postranního panelu, ale ne do hranatých závorek vymezujících klíčová slova značky. Po vložení kódu by značka postranního panelu měla vypadat jako následující fragment kódu:
Vygenerovaný kód může být dlouhý a komplikovaný, ale vše, co musíte udělat, je vložit jej do značky postranního panelu. Prázdné znaky a tabulkové řádky nezáleží na tom, protože editor HTML Tumblr formátuje kód za vás.
Kliknutím na „Aktualizovat náhled“ zobrazíte změny v okně náhledu. Pokud se váš widget zobrazí podle vašich představ, klikněte na „Uložit“ a zavřete editor HTML. Chcete-li změnit libovolný aspekt svého widgetu, nahraďte změněný kód původním kódem, který jste uložili v kroku 5. Vraťte se na stránku generování widgetu, vyberte požadované možnosti a vygenerujte kód znovu. Opakujte proces vložení kódu s nově vygenerovaným kódem.
Tipy
Pokud vkládáte více widgetů postranního panelu, vložte je v pořadí, v jakém chcete, aby se na postranním panelu zobrazovaly.
