Jak vložit aplikace Tumblr na Sidebar

Mnoho webových stránek nabízí widgety pro vložení do vašeho blogu a otevírá tak širokou škálu možností přizpůsobení. Pokud vaše téma Tumblr obsahuje postranní panel, můžete na stránku blogu vložit aplikace vložením řádku kódu HTML do postranního panelu motivu. Webové stránky, které nabízejí widgety, mohou generovat tento řádek kódu, takže nepotřebujete znalosti programování pro vložení widgetů do postranního panelu. 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 do svého správného umístění.

Chcete-li vyhledat widgety, které chcete přidat, navštivte stránky jako je Widgetbox, ShareThis nebo Tumblring. vaše Tumblr stránka (odkazy ve zdrojích). Proces generování HTML kódu se liší mezi miniaplikacemi, ale každé místo poskytuje instrukce 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 všechny možnosti, například rozložení, barvu nebo písmo. Některé widgety mohou vyžadovat více nastavení. Pokud například vložíte hudební přehrávač, možná budete muset před vytvořením kódu sledovat pokyny pro vytvoření seznamu skladeb. Po provedení 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 přidejte mu jméno, které můžete později snadno identifikovat, například název widgetu.

Navštivte svůj řídicí panel Tumblr, klikněte na ikonu „Gear“ a vyberte postranní panel blogu. V části Téma klepněte na položku Vlastní a na stránce přizpůsobení vyberte možnost Upravit HTML. HTML kód vašeho blogu se otevře v textovém editoru vloženém na stránce.

Otevřete nový textový dokument v programu Poznámkový blok a zkopírujte kód HTML z editoru Tumblr do nového dokumentu programu Poznámkový blok. Dejte tomuto dokumentu název, jako je „Tumlbr HTML Original“, abyste ho mohli rychle najít později, pokud se vám nelíbí změny provedené v postranním panelu.

Vraťte se do editoru HTML aplikace Tumblr a stiskněte klávesu „Ctrl- F ”pro zobrazení pruhu Najít a nahradit, který můžete použít k vyhledání značky postranního panelu v rámci HTML kódu. Přesné formátování kódu se může mezi jednotlivými tématy lišit, ale můžete ho najít zadáním „sidebar“ (bez uvozovek) do pole Najít, protože všechny značky sidebar obsahují toto klíčové slovo. Vyhledávání „sidebar“ může například najít fragment kódu „& lt; div id =" sidebar "& gt ;,", který označuje začátek značky postranního panelu. Značka končí zavíracím klíčovým slovem „& lt; /div & gt;“.

Vložte kód HTML widgetu do značky sidebar, ale ne do hranatých závorek, které ohraničují klíčová slova značky. Po vložení kódu by se značka bočního panelu měla podobat následujícímu útržku kódu:

& lt; div id = "sidebar" & gt; HTML kód vašeho widgetu sem jde & lt; /div & gt;

Generovaný kód může být dlouhý a komplikovaný, ale stačí, když jej vložíte do postranní lišty. Bílý prostor a řádkování tabelace nezáleží, protože Tumblr HTML editor formátuje kód pro vás.

Klikněte na "Aktualizovat náhled" pro zobrazení změn v okně náhledu. Pokud je váš widget zobrazen podle vašich představ, klikněte na „Uložit“ a zavřete editor HTML. Pokud chcete změnit jakýkoli aspekt vašeho 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í widgetů, vyberte možnosti, které preferujete, a kód vygenerujte znovu. Opakujte proces vkládání kódu s nově vygenerovaným kódem.

Tipy

Pokud vkládáte více widgetů sidebar, vložte je v pořadí, ve kterém chcete, aby se zobrazovaly v postranním panelu.

URL:https://cs.whycomputer.com/Internet/100119375.html