starszy/nowszy post - efekt graficzny

Ostatnio bardzo popularnym dodatkiem stały się graficzne zamienniki elementu ,,starszy, nowszy post''. Niestety wiele osób ma problem z ich dodaniem. Jedni nie potrafią się odnaleźć w kodzie HTML, którym będziemy się zajmować, a inni są zwyczajnymi leniuszkami, którym ciężko jest cokolwiek znaleźć. Ale jak to mówią ,,nie ocenia się po okładce'', więc zostawmy tłumaczenie za sobą i przejdźmy do rzeczy! 

Na sam początek wyposaż się w trzy obrazki graficzne w formacie png, tj. z przeźroczystym tłem. Żebyście się nie trudzili to przygotowałam Wam taki mały zestaw (do wykonania użyłam programu gimp i czcionki Scriptina Pro Light). 

Na sam początek zapisz swoją pierwotną wersję szablonu, na wszelki wypadek. Następnie wejdź w kod HTML, kliknij na kod i wciśnij klawisze CTRL + F. W prawym górnym rogu Twojego kodu powinno wyskoczyć małe okienko ułatwiające wyszukiwanie poszczególnego kodu.

Teraz zastanów się jaki element chcesz zamienić. Może zacznijmy od ,,Home'', inaczej napisu/elementu ,,Strona główna''. W wyżej wymienionym okienku wpisz kod <data:homeMsg/> i wciśnij enter. Linia powinna zostać łatwo wyszukana, jednak czasami zdarzają się wyjątki. Powyższy kod zamień na <img src='URL DO OBRAZKA/>. W miejsce URL DO OBRAZKA wstaw link do wybranej grafiki, zapisz i gotowe!

Jaki element?	STARSZY POST
KOD	Wszyszukaj <data:olderPageTitle/>	Zamień <img src='URL DO OBRAZKA'/>

Jaki element?	Strona główna / Home
KOD	Wszyszukaj <data:homeMsg/>	Zamień <img src='URL DO OBRAZKA'/>

Jaki element?	Nowszy post
KOD	Wszyszukaj <data:newerPageTitle/>	Zamień <img src='URL DO OBRAZKA'/>