Zacznijmy od tego, jak wstawić znak podziału w naszym poście na blogu. Służy do tego zaznaczona na czerwono ikonka
Jeśli chcecie zastąpić go dowolną grafiką wystarczy zastosować się do kilku poniższych wskazówek.
Wykonujcie wszystko krok po kroku z uwagą.
1. Wchodzimy w zakładkę SZABLON i tworzymy Kopie zapasową na wypadek gdyby coś poszło nie tak;) przezorny zawsze ubezpieczony
2. Klikamy Edytuj kod HTML
4. Musimy znaleźć w
kodzie:
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
Poniżej znajduje się to co nas interesuje.
Fragment:
<a expr:href='data:post.url +
"#more"' expr:title='data:post.title'><data:post.jumpText/> </a> </div></b:if>
zamieniamy na:
<a expr:href='data:post.url + "#more"'><p align='center'><img border='0' src='KOD URL NASZEGO OBRAZKA'/></p> </a> </div></b:if>
5. Przed zapisaniem sprawdzamy jeszcze podgląd szablonu, by ocenić zmiany
Jak wykonać spersonalizowany znak Czytaj dalej?
Ikonkę Czytaj dalej możemy stworzyć w dowolnym programie graficznym, zaczynając od najprostszego Painta. Po zapisaniu w odpowiedniej wielkości (ja preferuje 200-300 pikseli szerokości maksymalnej) nasz obrazek wrzucamy na stronę oferującą hosting grafiki.
Uzyskany kod URL wklejamy w podane w kodzie miejsce i gotowe
Przygotowałam dla was kilka ozdobnych ikon Czytaj dalej. Możecie z nich dowolnie korzystać. Będzie mi miło jeśli zobaczę swoje prace na waszym blogu;) Zostawcie adres do siebie w komentarzu.
Na pierwszy ogień idą motywy kwiatowe ostatnio popularne na zagranicznych stronach. Obrazki mają transparentne tło:
2. KOD URL http://obrazki.elektroda.pl/2442042100_1448826257.png
3. KOD URL http://obrazki.elektroda.pl/1369811000_1448825930.png
4. KOD URL http://obrazki.elektroda.pl/3133198800_1448826329.png
5. KOD URL http://obrazki.elektroda.pl/3538358400_1448826055.png
6. KOD URL http://obrazki.elektroda.pl/4674014400_1448826158.jpg
7 KOD URL http://obrazki.elektroda.pl/4740216900_1448826557.png
Brak komentarzy :
Prześlij komentarz