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.
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.
Dziękuję, dużo się stąd dowiaduję.
OdpowiedzUsuńDziękuję! Wreszcie wiem co i jak!
OdpowiedzUsuńŚ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ńWitam,
OdpowiedzUsuń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!
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ń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ńŚ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ńSzablony dynamiczne mają inną budowę, właśnie "dynamiczną" co odróżnia je chociażby od standardowej wizji posta
UsuńSuper, takiej opcji szukałyśmy! Dzięki za pomocny artykuł :)
OdpowiedzUsuńŁopatologicznie wytłumaczone niczym krowie na rowie :) Pomocne, krótko zwięźle i na temat! Dzięki :)
OdpowiedzUsuńjaki jeest kod na wysrodkowanie " czytaj wiecej" i zmienienie czcionki?
OdpowiedzUsuńSuper , wszystko ale mi nie zadzialalo
OdpowiedzUsuńMam jedno pytanko. Jak sprawić, żeby ,,czytaj więcej" otwierało nową kartę, a nie wyświetlało się w tej samej ?
OdpowiedzUsuńmam problem z usunięciem... Nie da się u mn zaznaczyć tego... :( Poradzisz coś?
OdpowiedzUsuńNależy po prostu ustawić się PRZED kreską i wcisnąć DELETE
UsuńDzięki za pomoc! :)
OdpowiedzUsuń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ńJak dodać pod postem ikonki twittera, facebooka, itp? Proszę o odpowiedz :(
OdpowiedzUsuńBardzo przydatny blog dziś go odkryłam a już uwielbiam :)
OdpowiedzUsuńA możesz wytłumaczyć jak przesunąć to "czytaj więcej" w prawą stronę? Najlepszy blog!
OdpowiedzUsuńNo właśnie. :(
UsuńDziękuję!
OdpowiedzUsuńDziękuje za pomoc :)
OdpowiedzUsuńSuper, bardzo dziękuję :)
OdpowiedzUsuńŚwietnie, bardzo dziękuję! :D
OdpowiedzUsuńDziekuję, długo myślałam jak to zrobić :)
OdpowiedzUsuńFajnie, prosto wszystko opisane- dzięki! :)
OdpowiedzUsuńMi to nie działa, a szkoda :)
OdpowiedzUsuńBardzo prosto wszystko wytłumaczone, dzięki czemu można skorzystać i jest się mega zadowolonym :D Dzięki!
OdpowiedzUsuń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.
OdpowiedzUsuńPozdrawiam Agata
Dzięki! Niby takie łatwe a miałam z tym problem.
OdpowiedzUsuńDziękuję!!!!!!!!!!!!!!!!! Bardzo mi pomogłaś, wręcz z nieba spadłaś:) Wszystko REWELACYJNIE wyjaśnione!!!
OdpowiedzUsuń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.
OdpowiedzUsuń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!
Dzięki, bardzo pomocny wpis :)
OdpowiedzUsuń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ń