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ářů

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

    EJNET

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

    OdpovědětVymazat
    Odpovědi
    1. Chce to hlavně klid na hledání v kódech :)

      Vymazat
    2. 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

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

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

    OdpovědětVymazat
  5. 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

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

    OdpovědětVymazat
  7. 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

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

    OdpovědětVymazat
  9. A tie bodky? Aj tie tam možem dostať?

    OdpovědětVymazat
    Odpovědi
    1. Tie, ktoré vedú od domčeka až po šípky.

      Vymazat
  10. 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

    OdpovědětVymazat
  11. 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 :)

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

    OdpovědětVymazat

Děkuji za komentář, pokud mne chcete kontaktovat i jinak, zkuste blueberrypink@seznam.cz. Díky a přeji pěkný zbytek dne! :)

Čtenáři