Jak tworzyć krótkie opisy postów na Bloggerze?

snap31

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

snap24

i klikamy Pobierz pełny szablon. Zapisujemy plik XML na dysku.

Modyfikacja

1. Pozostajemy w oknie Panel nawigacyjny > Układ > Edytuj Kod HTML

2. Szukamy w kodzie tagu: <data:post.body/>

3. 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>

4. 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>

5. 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:

snap21

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:

snap31

  • http://www.hook-product-dnbnord.blogspot.com miM

    Witam,
    wstawiam ten kod u siebie na stronie …i dostaje taki oto komunikat:
    Zapisanie szablonu nie powiodło się
    Popraw poniższy błąd, a następnie prześlij szablon ponownie.
    Nie można przeanalizować szablonu, ponieważ nie jest on poprawnie sformułowany. Sprawdź, czy wszystkie elementy XML zostały prawidłowo zamknięte.
    Komunikat o błędzie XML: Open quote is expected for attribute „{1}” associated with an element type „cond”.

    OCB ??

  • http://www.hook-product-dnbnord.blogspot.com miM

    Witam,
    w przypadku mojej strony ukazuje się taki oto komunikat:

    Wyświetlenie podglądu szablonu nie powiodło się
    Popraw poniższy błąd, a następnie prześlij szablon ponownie.
    Nie można przeanalizować szablonu, ponieważ nie jest on poprawnie sformułowany. Sprawdź, czy wszystkie elementy XML zostały prawidłowo zamknięte.
    Komunikat o błędzie XML: Open quote is expected for attribute „{1}” associated with an element type „cond”.

  • Kamil

    mam dokładnie ten sam problem… nie działa mi to i nie wiem dlaczego, robię wszystko tak jak to jest opisane krok po kroku…

  • null

    Sprawdź to:
    http://wklej.org/id/130578/

    Tutaj znaczniki ‘ zmienia na inne i blogger ich „nie rozumie”, dlatego są błędy.

  • null

    Sprawdź to:
    http://wklej.org/id/130578/

    Tutaj znaczniki ‘ zmienia na inne i blogger ich „nie rozumie”, dlatego są błędy…

  • http://hook-product-dnbnord.blogspot.com/ Rafal

    Witam ,
    dzięki jednak efekt jest połowiczny… no dobra 3/4 ;-)
    mianowicie edytor przyjmuje teraz nowy zapis i pozwala zachować szablon jednak po wpisaniu nowego posta w trybie html i wrzuceniu:
    dalsza część wpisu
    Nie dzieje się nic …;/
    Post po opublikowaniu jest w całości i na samym dole jest owszem „Czytaj dalej…”

    Nie ma podziału ….

  • null

    Bo nie przeczytałeś całego artykułu. Co jest napisane na końcu?

    Cytuję:

    „Teraz za każdym razem kiedy będziemy pisać posty robimy tak (w Edycji HTML postu):

    Wprowadzenie, lorem ipsum?dalsza część wpisu”

  • http://www.hook-product-dnbnord.blogspot.com Kredyt hipoteczny DnB NORD BANK

    Zrobiłem dokładnie tak jak w opisie ;/
    cyt:”?Teraz za każdym razem kiedy będziemy pisać posty robimy tak (w Edycji HTML postu):

    Wprowadzenie, lorem ipsum?dalsza część wpisu?”
    i dzieje się to samo

  • http://hirvi.pl Hirviak

    Rozwiązanie sprawne aczkolwiek połowiecznie, gdyż wciąż trzeba pamiętać o wstawianiu jakiegoś kodu podczas pisania. Zdecydowanie lepiej dostawić skrypt który będzie wykonywał wszystko z automatu.

  • null

    Gdyby był taki skrypt w bloggerze to nie było by tego poradnika :)