Jak stworzyć przycisk ''czytaj dalej'' na bloga? - Poradnik dobrego blogera 🐉

 Witajcie blogerzy i czytelnicy!

W dzisiejszym wpisie przygotowałam dla Was specjalny poradnik, który dotyczy przycisku Czytaj dalej. Przycisk jest uniwersalny i naprawdę polepsza jakość bloga. Zacznijmy na początku od tego, w jaki sposób zrobić tradycyjny przycisk (bez efektów graficznych)?

Podczas pisania posta w wybranym przez nas momencie możemy kliknąć opcję Zawijanie tekstu. Na zdjęciu powyżej jest ono zaznaczone żółtym podkreśleniem. Po kliknięciu tekst zostanie rozdzielony poziomą linią. Tekst zamieszczony powyżej będzie widoczny na stronie głównej bloga, a tekst poniżej - widoczny dopiero po kliknięciu na tytuł posta lub przycisku. Zanim przejdziemy do poradnika chcę Was ostrzec, gdyż wymaga to grzebania w kodach HTML Motywu bloga i jeżeli cokolwiek zrobicie źle lub usuniecie przypadkowo jakiś element kodu możecie zepsuć Wasz szablon!

Dlatego uwaga!

Wchodzimy w motyw bloga. Pobieramy aktualny motyw, aby - gdyby coś było nie tak - wgrać z powrotem motyw sprzed zmian na naszej stronie. Kiedy to już zrobiliście możemy zaczynać. Jeżeli chcecie możecie także założyć specjalnie bloga, aby przetestować sposób na czysto.

 Podzielimy tego posta na dwie części. Pierwsza część będzie dotyczyła URL obrazka Czytaj dalej, czyli jak go zdobyć/stworzyć i użyć. Podam kilka moich propozycji i podam Wam na końcu linka do pomocnej strony.

1. Aby zdobyć adres URL obrazka potrzebnego do użycia go w kodzie HTML klikamy po prostu prawym na obrazek i kopiujemy jego adres.

2. Skąd zdobyć taki przycisk? Jest ich pełno w internecie, poniżej macie także kilka moich propozycji. Są to przyciski, których używaliśmy na AKI. Klikacie na dowolny i kopiujecie jego adres. Możecie np. wstawić taką grafikę do posta, a następnie skopiować jej URL.

Kolejną częścią jest wgranie przycisku na bloga. W tym celu wchodzimy w Motyw. Jak widzicie jest tam kilka opcji. My wybieramy Edytuj kod HTML.

 Strona załaduje się i wyskoczy nam skomplikowany ciąg komend HTML, które są w naszym szablonie. Aby przystąpić do następnego kroku kopiujecie następujący kod:

Kliknij w link i skopiuj kod nr 1.

Spójrzcie na zdjęcie poniżej. W czerwonym kółku macie zaznaczoną kombinację, którą musicie kliknąć. Na żółto macie zaznaczony obszar, gdzie trzeba wkleić kod powyżej. Jak to zrobić? Najpierw klikacie myszką w obszar kodu, najlepiej tam gdzie macie kółko. Następnym krokiem jest wciśnięcie na klawiaturze kombinacji ze zdjęcia.

Powinna wyskoczyć wam rubryka zaznaczona na żółto. Wklejacie tam link podany powyżej i klikacie Enter. Przeniesie Was do kodu, który był w rubryce. Jest on odpowiedzialny za przycisk Czytaj dalej.

 Szukacie tego kodu, powinien być podkreślony na żółto. Pod nim znajduje się kod, którym zajmiemy się teraz. Jak widzicie ja już użyłam tam kombinacji, dzięki czemu mój przycisk prezentuje się następująco:

 Teraz Wasza kolej. Zaznaczacie cały kod. Najlepiej kliknąć na niego dwa razy lub tradycyjnie zaznaczyć myszką. UWAGA!
Teraz podam Wam dwa kody, które dają różne efekty. Do pierwszego potrzebujecie tylko jednego obrazka.

Kod 2.

Wklejacie ten kod w zaznaczone miejsce. Następnie zaznaczacie obszar ADRES URL GRAFIKI i wklejacie Wasz adres do grafiki.

Co dalej? Po prostu zapisujecie motyw. Graficzny przycisk powinien pojawić się na Waszej stronie.

Drugi kod wymaga dwóch grafik i sprawia on, że po najechaniu zmienia kolor (zależny od grafiki)!

Kroki są takie same jak powyżej z taką różnicą, że tutaj posługujecie się dwoma adresami grafik.  Kod znajdziecie także w linku zamieszczonym dalej. 

Kod 3.

Mam nadzieję, że pomogłam Wam w dodaniu własnego przycisku na bloga. Przy tworzeniu poradnika korzystałam ze stronki w linku obok. Zajrzyjcie na tą stronę.  Są tam też ciekawe grafiki, które mogą Wam się przydać. Jeżeli macie jakieś pytania lub potrzebujecie pomocy, to chętnie jej Wam udzielę. 

Dziękuję za uwagę!