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. 

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

CONVERSATION

19 komentářů:

EJNET řekl(a)...

Woow, děkuji moc, hned jsem to na logu změnila :)

EJNET

Bára řekl(a)...

Nějak mi to nejde, ale zkusím to o víkendu znovu... bára.kára

Andullie řekl(a)...

Tohle je super, hrozně mi to pomohlo, protože jsem se neustále rozčilovala, proč to pozadí tak hrozně šedne! Díky Ti!:)

Blueberry Pink řekl(a)...

Pěkné, povedlo se ti to na jedničku! :)

Blueberry Pink řekl(a)...

Není zač :)

Blueberry Pink řekl(a)...

Chce to hlavně klid na hledání v kódech :)

Barbora Literova řekl(a)...

kódy jsem našla, ale prostě se mi to tam nezobrazuje, budu na to muset hodit oko ;-) už jsem to zkoušela podle jednoho blogu, ale taky mi to nešlo... tak nevím :-D

Martina Škutková řekl(a)...

tak to vyzkouším, děkuji za návod ;-)

Elma se Sam Úžasňákovy řekl(a)...

Vůbec nevím, kde je chyba, ale prostě mi to nejde :/ navíc v těch kódech toho mám víc než ty a když to upravím dle tebe, vypadá to furt stejně. Asi to zkusím celý opsat podle toho, jak to máš ty a třeba to pak půjde :) Nebo nevíš, kde by mohl být problém?
- Elma

evey řekl(a)...

Bezva návod, určitě vyzkouším, díky!
Mně fotky taky šedly, pomohlo vypnutí automatických úprav v google plus :)

EJNET řekl(a)...

Děkuji :))

Anonymní řekl(a)...

Hlavně mi pomohlo to šednutí, nevěděla jsem si s tím rady, moc díky :D Ten kód ale za boha nemůžu najít :( Ale celkově ti děkuju za Blogger tips, úžasně mi pomohly :-)
Le Poisson - Lifestyle/Beauty blog

Jane řekl(a)...

Achjo, taky mi to nejde :D :D Celkově ten kó mám taky trochu jiný, nevím no...:D

Evi řekl(a)...

A tie bodky? Aj tie tam možem dostať?

Blueberry Pink řekl(a)...

Jaké máš na mysli?

Evi řekl(a)...

Tie, ktoré vedú od domčeka až po šípky.

Adéla N. řekl(a)...

Tvůj návod je jako vždy super :) Podle tebe jsem na blogu udělala tolik skvělých věcí ! :) I když jsem vše dělala na několikrát, kvůli velikosti atd., nakonec se to podařilo tak, jak jsem chtěla :) Děkuji :)
www.klarissaaddell.blogspot.cz

Pampeliska řekl(a)...

Super tip ako vždy. Aj jednoducho napísaný a dá sa to z neho parádne pochopiť :)
Najskôr mi to, ale nešlo. Keď som to vyhľadávala podľa newerPageTitle. Našlo mi ich viac a nie ten správny, ale keď som si dala vyhľadať:

už to išlo ako po masle. Takže len tak ďalej s týmito tipmi určite pomáhajú :) A Ďakujem :)

Fori řekl(a)...

Nope, nope, nope... absolutně to na mě nereaguje. Pokud to někomu v poslední době šlo, ať mi dá prosím vědět.

Back
to top