Najnowsze


Jak zrobić Czytaj więcej, czyli fragment, skrót posta na stronie głównej bloga

Zajmiemy się teraz stroną główną bloga, a w zasadzie sposobem wyświetlania postów. Zmienimy wygląd bloga. Dowiemy się Jak na blogerze ustawić opcję czytaj więcej. Wyświetlimy nie całe posty, ale ich skróty, czyli krótkie zajawki z elementem Czytaj więcej.
fragment posta zamiast całego posta na stronie głównej bloga. Zdjęcie, fragMent i przycisk CZYTAJ DALEJ

To kolejny post z cyklu: jak zmienić wygląd bloga. Dodaliśmy już do postów etykiety (jeśli nie wiesz o co chodzi przeczytaj: Do czego służą etykiety, jak je dodać na blogspocie), dodaliśmy strony (przeczytaj Jak dodać stronę do bloga blogger), a nawet zrobiliśmy górne menu (jak dodać zakładki).



 

Jak zrobić Czytaj więcej, czyli tylko fragment posta na stronie głównej bloga?

Po pierwsze czym jest strona  główna i co można na niej wyświetlić?
Strona główna to ta strona, która widoczna jest po wejściu na twojego bloga, po wpisaniu jego adresu.
Domyślnie blogspot wyświetla na niej twoje posty, całe posty. Oczywiście posty ułożone są chronologicznie od najnowszych do najstarszych (bo w końcu jest to blog), czyli jako pierwsze (na górze) pojawiają się najnowsze. Oczywiście są wyjątki i można czasami to przeskoczyć. Jeśli Cię to interesuje przeczytaj posta: Jak ustawić posta, by wyświetlał się znowu (a nawet zawsze) jako pierwszy.

Ile postów wyświetlane jest na stronie głównej? Jeśli nic nie zmieniałeś w Ustawieniach to wyświetla się 7 postów.

Jak zrobić skrót do postów na blogspot?

A teraz do rzeczy. Oto jedno z pytań:

Jak na blogspocie spowodować, aby post nie był na całej stronie tylko było go jakby kawałek a pod nim np czytaj więcej do rozwinięcia ?
Jeśli na stronie głównej bloga nie chcemy wyświetlać całych postów, tylko ich fragmenty powinniśmy po prostu użyć opcji: Wstaw zwijanie tekstu.

Jak zwinąć post, żeby było "Czytaj więcej"

1. Przejdź  do pisania posta (lub edytuj swój dawny post).
2. Ustaw się (kursor) w miejscu, w którym chcesz "urwać" posta (w tym miejscu pojawi się napis Czytaj więcej)
3. Kliknij na ikonkę Wstaw zwijanie tekstu (na pasku narzędzi ma ikonkę białej przerwanej kartki papieru).


 4. W wybranym przez ciebie miejscu pojawi się linia dzieląca posta


Ta linia wskazuje miejsce podzielenia posta. Pierwsza część zostanie wyświetlona normalnie, a zamiast linii zostanie wstawiony napis CZYTAJ WIĘCEJ. Po kliknięciu napisu czytelnik będzie mógł przeczytać całość posta.

5. Zapisz posta (lub aktualizuj). Wyświetl go na blogu i przetestuj efekt:



Jak zmienić napis "Czytaj więcej" na własny

A co jeśli nie podoba nam się sam napis Czytaj więcej? Może lepiej aby było po prostu Czytaj ... albo ... (tu wstaw swój pomysł).
Napis, który wyświetla się teraz  w miejscu zwinięcia posta - można oczywiście zmienić.

1. Kliknij opcję UKŁAD
2. W bloku POSTY W BLOGU  kliknij EDYTUJ
3. Zmodyfikuj opcję Tekst linku do strony z postem z Czytaj wiecej na własny:


 na przykład taki:
4. Zapisz zmiany (przycisk na dole)
5. Odśwież (lub wyświetl ponownie bloga) i sprawdź rezultat:


Oczywiście z naszym postem możemy się jeszcze pobawić np przestawić na prawą stronę ... itd. Taki skrót posta lepiej też będzie  prezentować się ze zdjęciem. Możemy też przyjąć sobie jakiś konkretny styl wyświetlania wszystkich postów i np zawsze do skrótu wstawiać małe zdjęcie po lewej stronie tekstu.

Jak usunąć zawijanie tekstu w danym poście?

A co jeśli nie chcemy już zawijania tekstu i napisu Czytaj więcej? Jak powrócić znowu do pełnego posta?  ...
To nic trudnego, wystarczy ponownie wejść w Edycję posta oraz po prostu usunąć tę szarą linię, która stanowi o jego podziale. Linię usuwamy np poprzez wciśnięcie na klawiaturze klawisza Delete (czy też Del).


Już niedługo część dalsza posta, w której pokażę Wam  jak zautomatyzować nieco proces tworzenia skrótów oraz jak poprawić ich wygląd.


35 komentarzy:

  1. Dziękuję, dużo się stąd dowiaduję.

    OdpowiedzUsuń
  2. Dziękuję! Wreszcie wiem co i jak!

    OdpowiedzUsuń
  3. Świetny blog! Wszystko jasno i fajnie wytłumaczone. Dziękuję! Na pewno skorzystam z wielu instrukcji. Tylko mam pytanie do tego posta. Może już to jest tu wytłumaczone, ale jak chce dodać własne zdjęcie na to "czytaj więcej" np. jakaś grafika + napis - po prostu zdjęcie jako link do całego posta zamiast czytaj więcej? Jak zrobić coś takiego? :)

    OdpowiedzUsuń
  4. Witam,
    chciałabym zmienić hasło: Continue Reading, które wpisane jest w mój szablon w taki sposób, że żadnymi metodami nie potrafię tego zmienić. Mianowicie w kodzie HTML spolszczyłam każdą komendę angielską, jaką udało mi się znaleźć - w tym: Read more oraz Continue Reading. Wszystko działa poprawnie oprócz tej jednej komendy. Być może są jeszcze jakieś inne sposoby, do których nie dotarłam, a które będę mogła tu zastosować. Będę wdzięczna za podpowiedź.
    Dodam jeszcze, że w momencie najechania kursorem na napis: Continue Reading zmienia on swój kolor i jest też cały czas podkreślony.
    Pozdrawiam!

    OdpowiedzUsuń
    Odpowiedzi
    1. Jeżeli spolszczyłaś już komendy i nie możesz tej akurat wyszukać to oznacza to po prostu, że napis generowany jest poprzez JavaScript. Jeżeli szablon był darmowy to "prawie na pewno" jest to fragment zakodowany/zaszyfrowany i napisu już nie zmienisz

      Usuń
    2. Dziękuję za wyjaśnienie. Nie wpadłabym na to, że jest to element JavaScript. Na tym nie znam się wcale, więc zapewne będę musiała szukać innego szablonu. Pozdrawiam!

      Usuń
  5. Świetny post, jednak mam problem, gdyż ta opcja działa w szablonie z kategorii "prosty" lecz w szablonie z kategorii "dynamiczny" nie działa. (te szablony są domyślne) Jak zmienię widok na Prosty to ta funkcja działa. Co może być przyczyną?

    OdpowiedzUsuń
    Odpowiedzi
    1. Szablony dynamiczne mają inną budowę, właśnie "dynamiczną" co odróżnia je chociażby od standardowej wizji posta

      Usuń
  6. Super, takiej opcji szukałyśmy! Dzięki za pomocny artykuł :)

    OdpowiedzUsuń
  7. Łopatologicznie wytłumaczone niczym krowie na rowie :) Pomocne, krótko zwięźle i na temat! Dzięki :)

    OdpowiedzUsuń
  8. jaki jeest kod na wysrodkowanie " czytaj wiecej" i zmienienie czcionki?

    OdpowiedzUsuń
  9. Super , wszystko ale mi nie zadzialalo

    OdpowiedzUsuń
  10. Mam jedno pytanko. Jak sprawić, żeby ,,czytaj więcej" otwierało nową kartę, a nie wyświetlało się w tej samej ?

    OdpowiedzUsuń
  11. mam problem z usunięciem... Nie da się u mn zaznaczyć tego... :( Poradzisz coś?

    OdpowiedzUsuń
    Odpowiedzi
    1. Należy po prostu ustawić się PRZED kreską i wcisnąć DELETE

      Usuń
  12. Jeej wielkie dzięki! Sama męczyłam się z tym od trzech dni i ne wpadłabym na to,że trzeba to ustawić podczas edycji posta :)

    OdpowiedzUsuń
  13. Jak dodać pod postem ikonki twittera, facebooka, itp? Proszę o odpowiedz :(

    OdpowiedzUsuń
  14. Bardzo przydatny blog dziś go odkryłam a już uwielbiam :)

    OdpowiedzUsuń
  15. A możesz wytłumaczyć jak przesunąć to "czytaj więcej" w prawą stronę? Najlepszy blog!

    OdpowiedzUsuń
  16. Super, bardzo dziękuję :)

    OdpowiedzUsuń
  17. Świetnie, bardzo dziękuję! :D

    OdpowiedzUsuń
  18. Dziekuję, długo myślałam jak to zrobić :)

    OdpowiedzUsuń
  19. Fajnie, prosto wszystko opisane- dzięki! :)

    OdpowiedzUsuń
  20. Bardzo prosto wszystko wytłumaczone, dzięki czemu można skorzystać i jest się mega zadowolonym :D Dzięki!

    OdpowiedzUsuń
  21. Witam, mam pytanie czy istnieje możliwość zwijania tekstu w poście kilkukrotne? Np. Opisuję kosmetyki i wstawiam skład ale chciałabym żeby ten fragment był schowany i dwa kolejne również. Jak mogę to zrobić? Wiem ,że jest kod na rakmi w poście ale nic innego nie znalazłam.
    Pozdrawiam Agata

    OdpowiedzUsuń
  22. Dzięki! Niby takie łatwe a miałam z tym problem.

    OdpowiedzUsuń
  23. Dziękuję!!!!!!!!!!!!!!!!! Bardzo mi pomogłaś, wręcz z nieba spadłaś:) Wszystko REWELACYJNIE wyjaśnione!!!

    OdpowiedzUsuń
  24. Witam, bardzo fajny post, ale mi to na bloggerze nie działa. :( Kiedy ustawiam "czytaj więcej" jest wszystko dobrze, pojawia się tylko część tekstu, ale ilość postów się zmniejsza i na pierwszej stronie jest wyświetlony tylko jeden post, co wygląda strasznie.

    Mimo że w opcji Ustawienia-> Układ -> Posty -> Liczba postów na głównej stronie mam wpisane "10". Czy wiesz może jaki to może być błąd? Coś słyszałam, że to z powodu obrazków, ale pozbywanie się grafiki, żeby posty się wyświetlały to też słaba opcja. :(

    Czy masz na to jakąś radę?
    Pozdrawiam serdecznie!

    OdpowiedzUsuń
  25. Dzięki, bardzo pomocny wpis :)

    OdpowiedzUsuń
  26. Czy jest jakaś komenda w html css czy jeszcze gdzie indziej w blogspot żeby wstawić zwijanie tekstu do całego bloga a nie edytować każdy post osobno? (u mnie to będzie ze 300!)

    OdpowiedzUsuń

Popularne