Opcja “czytaj dalej…” dostępna w Bloggerze

Tak jak pisałem na blogu zespół Bloggera udostępnił w końcu jedno z najbardziej użytecznych rozwiązań jakiego do tej pory brakowało w platformie blogowej Google. Mowa o podziale wpisu na dwie części i wyświetlanie na stronie głównej bloga jedynie zajawki. Dotychczas trzeba było posiłkować się najróżniejszymi rozwiązaniami, w tym np. hackiem w CSS, który po prostu ukrywał akapit przypisany do odpowiedniej klasy CSS. Od teraz funkcja ta dostępna jest bezpośrednio w Bloggerze. Pokażę jak z niej skorzystać.

1. Na początku prawdopodobnie (jeśli używasz zewnętrznego szablonu to na pewno) będziesz musiał dokonać zmian w kodzie bloga. W tym celu otwieramy Pulpit nawigacyjny Bloggera dostępny na stronie http://blogger.com. Następnie klikamy na link Układ (patrz zrzut poniżej). Spowoduje to otwarcie się nowej strony z możliwością zmian wyglądu bloga.
2. W celu przejścia do edycji kodu, klikamy na zakładkę . Następnie zaznaczamy opcję i po przeładowaniu strony w obszarze w polu tekstowym w kodzie odnajdujemy (skrót Ctrl + F) wyrażenie <data:post.body/> i tuż pod nim wklejamy kod:
   

      1: <b:if cond='data:post.hasJumpLink'> 

   2: <div class='jump-link'>
   3: <a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
   4: </div>
   5: </b:if >
3. Oczywiście jeśli się w tym miejscu nie znajduje. Następnie w celu zatwierdzenia nowej konfiguracji klikamy na przycisk .
4. Warto zmienić edytor tworzenia wpisów w Blogger (jeśli nie chcesz tego robić sprawdź rozwiązanie na końcu porady), dzięki jego nowej wersji bardzo łatwo można korzystać z opcji “czytaj dalej…”. Gdy używasz wersji rozwojowej Bloggera nie musisz nic zmieniać, jednak jeśli jesteś użytkownikiem wersji podstawowej będąc w konfiguracji bloga przejdź na zakładkę i . Następnie w obszarze na liście zaznacz opcję (patrz zrzut poniżej) i kliknij na przycisk .
5. Teraz możesz już korzystać z funkcji dzielenia wpisów. Wszystko co musisz zrobić to uruchomić edytor wpisów i po wstępie kliknąć na ikonę podziału (patrz czerwona ramka na zrzucie poniżej). Pojawi się wtedy pozioma linia, która będzie oddzielać wstęp wpisu od jego treści.
6. Domyślnym tekstem jaki określa przejście do całego wpisu jest “czytaj więcej”. Możesz go zmienić w ustawieniach. W tym celu powróć na zakładkę na i . Następnie kliknij na link w konfiguracji postów ( ) i w polu wstaw nowy tekst np. “czytaj dalej…” (patrz zrzut poniżej). Na koniec kliknij na przycisk .
7. Po wstawieniu podziału wpis będzie wyświetlany w formie skróconej.

PS. Jeśli nie chcesz aktywować nowego edytora wystarczy, że w kodzie HTML posta wstawisz komentarz <!—more –>.