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

by - 19.2.14

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. 

 Můžete si ale i vytvořit nějaké pěkné nápisy a uložit je jako obrázek...

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í! :) 

You May Also Like

19 komentářů

Čtenáři