Graficzne przyciski nawigacyjne (nowsze posty, strona główna, starsze posty)

Niedawno pisałam o tym jak umieścić na blogu graficzne "czytaj dalej" i przygotowałam dla Was kilka gotowych przycisków do wykorzystania. Dzisiaj idziemy dalej i do kompletu robimy graficzne menu nawigacyjne. O co chodzi? Zmieniamy napisy "nowsze posty", "strona główna"  i "starsze posty" na własne grafiki. Tak jak ostatnio, możecie wybrać wersję statyczną lub zmieniającą kolor po najechaniu kursorem.

! Przed dokonywaniem jakichkolwiek zmian w szablonie zrób jego kopię zapasową !

SZABLON>EDYTUJ KOD HTML

*aby wyszukać kliknij na dowolny fragment kodu, wciśnij jednocześnie CTRL i F. Wklej poniższą frazę w okienku, które się pojawi i wciśnij Enter

** URL OBRAZKA z poniższych kodó zamieniamy na adres naszej grafiki.

*** przy wersji ZMIENIAJĄCEJ KOLOR obrazek widoczny przed najechaniem na niech kursorem to URL OBRAZKA (...) 1, a ten widoczny po najechaniu kursorem to URL OBRAZKA (...) 2

**** URL OBRAZKA uzyskacie klikając na otwartą w przeglądarce grafikę prawym przyciskiem myszy i wybierając "Kopiuj adres url obrazka"

 

1. NOWSZE POSTY

Szukamy w kodzie fragment:

<data:newerPageTitle/>

aby zrobić PRZYCISK STATYCZNY zmieniamy go na:

<img src='URL OBRAZKA NOWSZE POSTY'/>

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'"/>

2. STRONA GŁÓWNA

Szukamy w kodzie fragment:

<data:homeMsg/>

aby zrobić PRZYCISK STATYCZNY zmieniamy go na:

<img src='URL OBRAZKA STRONA GŁÓWNA'/>

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'"/>

3. STARSZE POSTY

Szukamy w kodzie fragment:

<data:olderPageTitle/>

aby zrobić PRZYCISK STATYCZNY zmieniamy go na:

<img src='URL OBRAZKA STARSZE POSTY'/>

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'"/>

-----------------------------------------------------------------------------------------------------------

DARMOWE PRZYCISKI

Jeśli stworzysz własne przyciski musisz umieścić je na jakimś portalu hostującym. Ja wykorzystuję najczęściej albumy google. Jeśli korzystasz z moich przycisków wystarczy, że klikniesz prawym przyciskiem myszy na wybranym i wybierzesz "Kopiuj adres URL grafiki". PS Jeśli przeszkadza Ci w tym mój "PIN IT" w pierwszej kolejności kliknij na obrazek lewym przyciskiem myszy - otworzy się w osobny okienku.

 -----------------------------------------------------------------------------------------------------------

Na koniec przypomnę, że wszystkie posty związane z tematyką blogową znajdziecie w STREFIE BLOGEREK, a w sprawie indywidualnego upiększania bloga możecie pisać na zyj.kochaj.tworz@gmail.com. W najbliższych dniach będę wysyłać drugi numer mojego newslettera - kto chętny może zapisać się na pasku bocznym:)

Dołącz do mnie na: