Vymeňte klasiku za niečo originálnejšie!

Dnes som si zmenila výzor tlačidiel, ktorými sa listuje v príspevkoch blogu. 

Nápisy "Novšie príspevky", "Staršie príspevky" a "Domov" som vymenila za  šípky a domček :D Samozrejme, ručne kreslené aby mi ladili s nadpismi, o ktorých som vravela minule :)

Robila som to podľa návodu na internete, a veruže sa mi to dlho nedarilo spraviť, nakoľko nikde nebol uvedený jeden dôležitý krok. Napadlo ma teda, že vám to sem napíšem (aspoň podľa mňa) zrozumiteľne, pre prípad, že by ste sa pre podobnú zmenu rozhodli aj vy :)

Postup:

1. vytvorte si, alebo nájdite na internete obrázky, ktoré chcete použiť

2. na ich pridanie potrebujete odkaz, preto ich treba uploadnúť na stránku, napríklad túto

3. aby ste v tom nemali bordel a neskôr nezmätkovali (ako ja :D) vytvorte si kód dopredu medzi znaky napísané väčším písmom len nakopírujte odkaz vášho obrázku

<img src="sem ide odkaz na obrázok"/>

môj kód vyzeral takto:

<img src="http://img15.imageshack.us/img15/7250/dsc08729r.jpg"/>

vytvorte si aj ostatné kódy, pre každý obrázok zvlášť

4. v Návrhu blogu kliknite na Upraviť kód HTML

5. zafajknite Rozšíriť šablóny miniaplikácií 

6. stlačte ctrl+f a do poľa na vyhľadávanie napíšte: 

<b:if cond='data:newerPageUrl'>

7. za tým by ste mali uvidieť niečo takéto:

(pre tlačítko "novšie príspevky"):

<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

(pre staršie príspevky):

<b:if cond='data:olderPageUrl'>

<span id='blog-pager-older-link'>

<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>

</span>

</b:if>

(pre Domov):

 <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

8. teraz namiesto farebne vyznačených častí nakopírujte kódy, ktoré ste si vytvorili na začiatku

9. znovu stlačte ctr+f a napíšte:

 <b:section class='main' id='main' showaddelement=

malo by vám nájsť tento riadok:

<b:section class='main' id='main' showaddelement='no'>

10. prepíšte no na yes (toto je tá dôležitá vec, kvôli ktorej mi to nešlo a musela som na to prísť sama!)

11. pozrite si Ukážku a keď vidíte svoje obrázky tam kde majú byť, uložte šablónu a kochajte sa :))

Ak niečo nefunguje ako má, alebo som to nevysvetlila dosť jasne, kľudne sa pýtajte, rada poradím :)