Powiedzmy, że dziwiłam się, że nikt o to nie pytał, bo mnie bardzo, bardzo, bardzo drażnił wygląd blog-pagera znanego jako "starszy post/nowszy post". Nowszy ucieka namiętnie w lewo, a starszy w prawo, no nic tylko krzyczeć wniebogłosy, jak to cholerstwo złożyć do kupy!? Jeśli ktoś miał ochotę zrobić to samo, jego prośby zostaną wysłuchane i w poniższym poście będziemy składać nasz uroczy blog-pager do stanu w jakim wyglądać powinien każdy porządny blog-pager!
Leniwych zapraszam na sam koniec postu :)
Dobrze, a więc zaczynamy! Panie i Panowie, na początek:
Wchodzimy w Szablon > Edycja kodu HTML > Wyszukujemy "BLOG1" > Rozszerzamy zawartość jednokrotnie > Szukamy w poniższych rozszerzeniach <b:includable id='nextprev'> i otwieramy zawartość.
Naszym oczom powinno się ukazać coś takiego:
<b:includable id='nextprev'>Teraz pousuwamy parę rzeczy, które tu przeszkadzają, czyli ( zaznaczony na czerwono tekst poniżej usuwamy!):
<div class='blog-pager' id='blog-pager'>
<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 + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<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 + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='nextprev'>Teraz będziemy przerzucać to i owo, aby nam wszystko pasowało:
<div class='blog-pager' id='blog-pager'>
<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 + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span> </b:if>
<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 + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span> </b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
To:
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
przerzucamy nad to:
<b:if cond='data:olderPageUrl'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</b:if>
I moi mili to na tyle. Przed niespodzianką dla leniwych dodatkowo poniżej krótkie przypomnienie jak zamienić starszy/nowy post na własny tekst. ;]
Dla nowszy post:
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><WPISZ TEKST></a>
Dla strony głównej:
<a class='home-link' expr:href='data:blog.homepageUrl'><WPISZ TEKST></a>
Dla starszy post:
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>WPISZ TEKST</a>
A teraz niespodzianka dla leniwych, czyli wyszukujemy tak samo jak na początku, ale kod z pierwszej ramki ( cytatu ) zamieńcie na:
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:olderPageUrl'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</b:if>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
Przypominam o Waszych propozycjach na kolejne posty. Jeśli macie jakiś pomysł śmiało piszcie pod najnowszym postem lub w tagboardzie!