30 listopada 2015

Jak zamienić napis Czytaj dalej na blogu na własną grafikę. Darmowe ikony do pobrania

Standardowy znak Czytaj dalej lub Czytaj więcej, możemy w łatwy sposób zastąpić spersonalizowaną grafiką. Jest to prosty sposób na wyróżnienie naszego bloga. Nie musisz znać dobrze języka HTML, zobacz jakie to proste
Darmowe grafiki czytaj dalej na bloga

Zacznijmy od tego, jak wstawić znak podziału w naszym poście na blogu. Służy do tego zaznaczona na czerwono ikonka
znak podziału w poście blogspot

Możemy jej użyć w dowolnym miejscu. Na stronie głównej pod postem pojawi się wówczas napis Czytaj dalej lub Czytaj więcej

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
instrukcja jak zmienić znak czytaj dalej w grafikę
3.Klikamy w dowolnym miejscu w arkuszu i wciskamy Ctrl+F. W prawym górnym rogu otworzy się okno wyszukiwania
zmiana znaku czytaj dalej na blogu 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 + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/> </a> </div></b:if>

zamieniamy na:

 <a expr:href='data:post.url + &quot;#more&quot;'><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:

Czytaj dalej znak na bloga do pobrania

2. KOD URL http://obrazki.elektroda.pl/2442042100_1448826257.png
grafika czytaj dalej design free pictures


 3. KOD URL http://obrazki.elektroda.pl/1369811000_1448825930.png
grafika czytaj dalej na bloga róże akwarele


 4. KOD URL http://obrazki.elektroda.pl/3133198800_1448826329.png
free icons flower darmowa ikona czytaj więcej


 5. KOD URL http://obrazki.elektroda.pl/3538358400_1448826055.png
grafika czytaj dalej na bloga


 6. KOD URL http://obrazki.elektroda.pl/4674014400_1448826158.jpg
znak czytaj dalej na bloga czarno biały kwiaty


 7 KOD URL http://obrazki.elektroda.pl/4740216900_1448826557.png
grafika czytaj dalej kwiaty polne personalizowanie bloga







Brak komentarzy :

Prześlij komentarz