Tutorial : jak dodać na bloga grafikę przekierowującą do etykiet ?

Gdy chcę wstawić grafikę na stronę, która po kliknięciu przekieruje do postów oznaczonych etykietą.

Zdj. 1

Przygotowuje grafikę.
Jeżeli zależy mi na zachowaniu oryginalnych kolorów, zapisuje ją w formacie PNG.
Dla porównania zdjęcie nr 1 zapisane w formacie PNG - kolor biały jest kolorem białym.
Zdjęcie nr 2 zapisane w formacie JPG - kolor biały jest kolorem szarym.

Umieszczam przygotowaną grafikę na portalu hostującym grafiki lub na Google.

Zawsze gdy wklejam obrazek na stronę postępuje w następujący sposób:

1. Wchodzę w nowy post.
2. Wstawiam wybrane zdjęcie, obrazek.
3. Klikamy obok pola nowy post , pole html. ( patrz zdjęcie nr 2)
4. Kopiuje url obrazka ( patrz zdjęcie nr  2)

Zdj. 2 , chcesz powiększyć kliknij na zdjęcie

1. Wchodzę w układ bloga.
2. Klikam dodaj gadżet.
3. Wybieram HTML/JavaScript.
4. Wklejam kod -url strony do której dany obrazek ma przekierowywać oraz url do obrazka.
5. Klikam zapisz.
6. Klikam zapisz rozmieszczenie w układzie - i gotowe.

URL strony do której obrazek ma przekierowywać :
<a href="ADRES STRONY/search/label/ NAZWA ETYKIETY?max-results= LICZBA POSTÓW DO WYŚWIETLENIA NA STRONIE">

 URL obrazka:
<img src="SKOPIOWANY URL OBRAZKA"/></a>

 Jeżeli chcę by grafika była wyśrodkowana : na początku kodu przed url strony wklejam <center>, i na końcu kodu po url obrazka wklejam </center>.
Jeżeli wklejam w pole więcej niż jedną grafikę to znacznik <center> znajdzie się przed pierwszą a znacznik </center> po ostatniej grafice.

Przykład :