Wskazówka

Chcąc znaleźć pożądaną instrukcję skieruj się do zakładki spis instrukcji, gdzie znajdziesz wszystkie dotychczasowo opublikowane posty z podziałem na trzy kategorie.

Uwaga! Niektóre instrukcje mogą nie działać. Staramy się na bieżąco je poprawiać. Prosimy o wyrozumiałość.

Cel bloga

Instrukcje dotyczące języka HTML czy kodów CSS, artykuły na temat ciekawych funkcji czy poradniki pomagające początkujących - to wszystko i jeszcze więcej tylko u nas!

Cytat

Instrukcje dotyczące języka html czy kodów css, artykuły na temat ciekawych funkcji czy poradniki pomagające początkujących - to wszystko i jeszcze więcej tylko u nas!

Chcąc znaleźć pożądaną instrukcję, skieruj się do zakładki
spis instrukcji, gdzie natrafisz na wszystkie dotychczasowo opublikowane posty z podziałem na trzy kategorie. Uwaga! Niektóre instrukcje mogą nie działać. Staramy się na bieżąco je poprawiać. Prosimy o wyrozumiałość.

Edytujemy Starsze posty/Strona główna/Nowsze posty

Dzisiaj zajmiemy się edycją przycisków nawigacyjnych szerszej znanych jako starsze posty/strona główna/nowsze posty. Wielu z nas nudzą zwykłe napisy, a że Blogger oferuje nam wiele opcji to dziś pokażę wam, że możemy wstawić zamiast tego dosłownie wszystko. Wszelkie poniżej opisane operacje wykonujemy w HTML'u, a więc proszę o wykonanie kopii roboczej szablonu zanim rozpoczniemy pracę :)

NOWSZE POSTY

1) Szukamy (ctrl+f) w kodzie fragment:
<data:newerPageTitle/>
2) aby zrobić PRZYCISK STATYCZNY zmieniamy go na:
<img src='URL OBRAZKA NOWSZE POSTY'/>
3) aby zrobić PRZYCISK ZMIENIAJĄCY KOLOR zmieniam go na:
<img src="URL OBRAZKA NOWSZE POSTY 1" onmouseover="this.src = 'URL OBRAZKA NOWSZE POSTY 2'"
onmouseout="this.src = 'URL OBRAZKA NOWSZE POSTY 1'"/>

STRONA GŁÓWNA

1) Szukamy (ctrl+f) w kodzie fragment:
<data:homeMsg/>
2) aby zrobić PRZYCISK STATYCZNY zmieniamy go na:
<img src='URL OBRAZKA STRONA GŁÓWNA'/>
3) aby zrobić PRZYCISK ZMIENIAJĄCY KOLOR zmieniam go na:
<img src="URL OBRAZKA STRONA GŁÓWNA 1" onmouseover="this.src = 'URL OBRAZKA STRONA GŁÓWNA 2'"
onmouseout="this.src = 'URL OBRAZKA STRONA GŁÓWNA 1'"/>

STARSZE POSTY

1) Szukamy (ctrl+f) w kodzie fragment:
<data:olderPageTitle/>
2) aby zrobić PRZYCISK STATYCZNY zmieniamy go na:
<img src='URL OBRAZKA STARSZE POSTY'/>
3) aby zrobić PRZYCISK ZMIENIAJĄCY KOLOR zmieniam go na:
<img src="URL OBRAZKA STARSZE POSTY 1" onmouseover="this.src = 'URL OBRAZKA STARSZE POSTY 2'"
onmouseout="this.src = 'URL OBRAZKA STARSZE POSTY 1'"/>

źródło: klik

12 komentarzy:

  1. Właściwie to tylko jedna z opcji, bo zakłada podmianę linku na obrazek. Można również pobawić się tym w css: dodać obramowanie i zmianę koloru itepe itede...

    OdpowiedzUsuń
    Odpowiedzi
    1. Tak, ale przyznaj, że jest najprostsza :) W necie fruwa pełno nieaktualnych już instrukcji, bo haczą one jeszcze o rozszerzenie gadżetów, a więc mała (aczkolwiek banalna) aktualizacja w postaci prostego przepisu nie zaszkodzi :-)

      A myślę, że to wystarcza. Ewentualnie dodam drugą instrukcję na efekty specjalne dla tekstu.

      Usuń
  2. Nareszcie jakiś blog na ten temat!! super!

    http://mllescarlett.blogspot.com/

    OdpowiedzUsuń
  3. A w tych *wstaw bla bla bla* trzeba wstawić link do obrazka? Chcę się upewnić. xD

    OdpowiedzUsuń
  4. Elo... Nie wiem o co chodzi gdy ja szukam to mi nic nie znajduje... ongiś klikało się w jakąś zakładkę aby pokazywało więcej kodów i wówczas znajdywałem dany kod... teraz tego nie widzę... co mam zrobić?

    OdpowiedzUsuń
    Odpowiedzi
    1. Najpierw należy kliknąć w okienko z kodem, aktywować go, ustawić kursor, jak kto uważa. A potem dopiero użyć skrótu ctrl+f - frazy będą wtedy wyszukiwane w całości kodu, a nie tylko tej widocznej części.
      Rozwija się on samodzielnie. :)

      Usuń
    2. Jak aktywować? Tam nie ma nic takiego... http://static.pokazywarka.pl/bigImages/6112770/16375606.jpg?1445076911

      Usuń
    3. jakby tamten link wygasł http://i.imgur.com/kqRZVIf.png?1

      Usuń
    4. Mam rozumieć, że poszukiwania na tych zrzutach okazały się bezskuteczne? Wydaje mi się, że Twój szablon nie pochodzi nie wiadomo skąd, więc powinien zawierać te standardowe frazy. O.o
      Spróbuj znaleźć to: blog-pager-older-link
      +Podaj adres bloga, to zobaczę, czy na serio tego tam brakuje...

      Usuń
  5. Dokładnie. Szablon free z draftu. szczurownia.blogspot.com Nie znalazłem blog-pager...

    OdpowiedzUsuń
    Odpowiedzi
    1. Kurcze, śmieję się do ekranu, bo ja ten kod znalazłam... Więc nie kumam, dlaczego go nie widzisz. :P
      Ostatnia próba szukania dla Ciebie: strzalka
      Jeśli znajdziesz obrazek, który widnieje zamiast napisu, to jednocześnie znajdziesz selektor.
      Mogę wiedzieć, co docelowo chciałbyś zmienić?

      Usuń
    2. Nie wiem jakim cudem, ale teraz znalazłem :D hehe dziwne :P wcześniej robiłem tak samo :P U siebie nic nic nie planuje ale u kolegi chcę bo ma moje strzałki :P

      Usuń

© Agata | WS | x x.