Blogger tips - Starší a novější příspěvky, domů

Na blogu je pořád co zlepšovat. Co takhle vylepšit Starší příspěvky, Novější příspěvky a Domovská stránka a z pár písmenek vykouzlit obrázek?

Tipuji, že u většiny z vás to vypadá takto: 

Není přece jen ta první varianta lepší? :) 

Pokud chcete něco obdobného vytvořit, budete potřebovat tři obrázky, kterými chcete text nahradit. Jaké obrázky vybrat? Je to prakticky jedno. Já v Zoneru zvolila tyto symboly, přišly mi celkem tématické. Uložila jsem každý zvlášť jako obrázek ve formátu .png. 

DŮLEŽITÉ UPOZORNĚNÍ!

Ukládejte vše, co má bílé pozadí, ve formátu .png. Pokud to uložíte jako .jpg, pozadí vám zešedne a na blogu to vypadá nehezky a mnohdy je to tak výrazné, že se to nedá ani použít. U formátu .png jsem se ještě nesetkala s tím, že by něco zešedlo. Doporučuji tedy vše ukládat jako .png. 

Vidíte ten rozdíl? :)

Ale pokračujeme dál...

Pokud máte obrázky vytvořené, potřebujete je nahrát na internet, abyste získaly adresu obrázku. Použijte třeba portál Imageshack. Přihlásit se tam dá i přes Facebook a obrázky nahráváte jednoduchým kliknutím na Browse a výběrem z počítače. 

Adresu obrázku pak zjistíte klikem na "i" u obrázku. Vyskočí vám okno, z kterého potřebujete modře vyznačenou adresu z pole Direct. 

Nahrajte si všechny obrázky stejným způsobem na internet, otevřete blogger a pusťte se do hledání. 

Šablona, Upravit HTML, Upravit šablonu. 

Mezi změtí písmenek a číslic potřebujete najít toto: 

Zkuste do vyhledávacího pole vyvolaného CTRL+F zadat např. spojení "newerPageTitle" a mělo by vám to najít. Pokud ne, nezbývá, než hledat ručně. Já to našla cca v 3/4, ale co jsem pátrala po internetu, tak se to liší, někdo to má na začátku, někdo v polovině... 

Fialově vyznačené části pak budeme nahrazovat. Smažte vyznačenou část a mezi špičaté závorky, na její místo zkopírujte následující:

<img src='XXX'/>

Pak už stačí jen na místo 'XXX' vložit adresu obrázku z pole Direct, který jste si nahráli na portál Imageshack. 

Výsledná verze kódu bude vypadat nějak takto:

<img src='http://imageshack.us/a/img836/9741/v905.png'/>

A pak už jen zbývá změnit to u všech tří položek, zkontrolovat v náhledu a uložit. 

Není to složité, důležité je najít ty správné kódy v HTML a správně vše zkopírovat, včetně všech závorek, uvozovek a dalších náležitostí. Doufám, že jste návodu porozuměli a budu ráda, když mi napíšete, zda vám to funguje či nikoliv. 

Těším se na vaše reakce! 

P.S. Nezapomínejte na GIVEAWAY, končíme za pár dní! :)