Tutorial: Jak zmienić czytaj dalej na grafikę?

Jeżeli ustawiamy post tak by cała jego treść była widoczna po kliknięciu "czytaj dalej", ale chcemy zastąpić domyślny napis własną grafiką musimy wykonać następujące kroki :

Przygotowuje grafikę.
Jeżeli zależy mi na zachowaniu oryginalnych kolorów, zapisuje ją w formacie PNG.

Umieszczam przygotowaną grafikę na portalu hostującym grafiki lub na Google i kopiuje adres url.
( Gdzie umieszczam swoje zdjęcie - informacje znajdziecie w tym poście - KLIK)

1. Wchodzę w ustawienia blogger -> szablon -> edytuj kod html
( zawsze przed zabawą w kodzie warto zrobić kopię zapasową szablonu)

2. Klikam w pole i wybieram Crtl F
3. W otworzonym polu do wyszukiwania wpisuję kod :

<b:if cond='data:post.hasJumpLink'>

Pod tą linijką znajduje się kod :

<div class='jump-link'>  <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>  </div>  </b:if>

Kasuję go i w to miejsce wklejam :

<div class='jump-link'>  <a expr:href='data:post.url + &quot;#more&quot;'><p align='center'><img border='0' src='URL DO OBRAZKA'/></p> </a>  </div>  </b:if>

4. Klikam zapisz szablon. 

5. I gotowe :