Jak tworzyć krótkie opisy postów na Bloggerze?
Funkcja "Czytaj dalej..." to jedna z kluczowych rzeczy jakich brakuje w Bloggerze. Dziś postanowiłem wam pomóc i pokazać jak tworzyć krótkie wstępy do posta. Wystarczy minutka na modyfikacje kodu bloga.
Funkcja "Czytaj dalej..." to jedna z kluczowych rzeczy jakich brakuje w Bloggerze. Dziś postanowiłem wam pomóc i pokazać jak tworzyć krótkie wstępy do posta. Wystarczy minutka na modyfikacje kodu bloga.
Przed jakąkolwiek zmianą, powinniśmy zrobić kopię szablonu. By to zrobić wchodzimy w:
Panel nawigacyjny > Układ > Edytuj Kod HTML
i klikamy Pobierz pełny szablon. Zapisujemy plik XML na dysku.
Modyfikacja
1. Pozostajemy w oknie Panel nawigacyjny > Układ > Edytuj Kod HTML
- Szukamy w kodzie tagu: <data:post.body/>
- Przed tym tagiem wklejamy poniższy kod:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
- Teraz za tagiem *<data:post.body/> *wklejamy:
<b:if cond='data:blog.pageType != "item"'><br />
<a expr:href='data:post.url'>Read more...</a>
</b:if>
</b:if>
- Klikamy Podgląd i sprawdzamy czy Blogger prawidłowo przetworzy szablon. Jeśli nie wyskakują żadne błędy to klikamy Zapisz Szablon.
Kod powinien wyglądać mniej więcej tak jak na obrazku poniżej:
Teraz za każdym razem kiedy będziemy pisać posty robimy tak (w Edycji HTML postu):
Wprowadzenie, lorem ipsum...<span class="fullpost">dalsza część wpisu</span>
Warto także edytować starsze posty oraz zmienić Read more... w punkcie 4 na własny tekst, np. "Czytaj dalej..." lub "Pokaż więcej".
Efekty końccowy wygląda tak: