1. Jeśli chcecie zastąpić standardowy napis "czytaj dalej" na swoim blogu, najpierw potrzebujemy oczywiście obrazka. Możecie go wykonać choćby w Paincie.
2. Następnie potrzebujemy adresu url obrazka. Dlatego wgrywamy go na stronę hostującą obrazki i kopiujemy adres. (prawy przycisk myszki-'kopiuj adres url grafiki') .
3. Otwieramy kod HTML i wyszukujemy (klikając w szablon, a następnie ' ctrl+f ') poniższy fragment:
<b:if cond='data:post.hasJumpLink'>
(przed zmianą kodu zróbcie kopię zapasową - w razie kłopotów można przywrócić poprzednie ustawienia!)
Pod tą linijką znajdziemy taki ciąg:
<div class='jump-link'> <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a> </div> </b:if>
Usuwamy powyższy fragment i zastępujemy go takim:
<div class='jump-link'> <a expr:href='data:post.url + "#more"'><p align='center'><img border='0' src='URL DO OBRAZKA'/></p> </a> </div> </b:if>
W miejscu zaznaczonym na różowo wklejamy adres obrazka, wybieramy 'podgląd szablonu' i gdy wszystko jest w porządku, zapisujemy ;)
4. Aby ten obrazek pojawiał się pod postami musimy je zwijać. Jak to zrobić?
Gdy piszemy posta, musimy zdecydować, który fragment ma być pokazany i kliknąć ikonkę zaznaczoną poniżej. Szara linia pokazuje jaka część zostanie wyświetlona na stronie.
Wygląda to naprawdę ciekawie, więc zachęcam do wypróbowania tego triku na swoim blogu! ;D
Brak komentarzy:
Prześlij komentarz