Strony

wtorek, 23 czerwca 2020

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:


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.





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. 


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臋! 

5 komentarzy:

  1. Gdzie mo偶na takie przyciski znale藕膰 na necie?

    OdpowiedzUsu艅
    Odpowiedzi
    1. Mo偶esz poszuka膰 w grafice Google pod has艂em "przycisk czytaj dalej"/"obrazek czytaj dalej". S膮 te偶 dost臋pne na r贸偶nych blogach, kt贸re r贸wnie偶 stworzy艂y podobne poradniki.

      Usu艅
    2. https://www.mypastellife.pl/2015/06/jak-zrobic-graficzne-czytaj-dalej.html?m=1

      https://vademecumblogera.pl/jak-spersonalizowac-czytaj-dalej-pod-postem-na-bloggerze/

      Na tych stronkach jest kilka przycisk贸w.

      Usu艅
  2. Czy tylko mi si臋 nie podoba ten przycisk?

    OdpowiedzUsu艅
  3. Solidnie napisane. Pozdrawiam i licz臋 na wi臋cej ciekawych artyku艂贸w.

    OdpowiedzUsu艅

Cieszymy si臋, 偶e jeste艣 tutaj z nami!
Pami臋taj, 偶e podczas komentowania naszych post贸w musisz przestrzega膰 kilka zasad.

1. Staraj si臋 odzywa膰 z szacunkiem do admin贸w oraz innych czytelnik贸w.
2. Nie pisz komentarzy z podtekstami seksualnymi/ religijnymi.
3. Je偶eli masz jakie艣 w膮tpliwo艣ci lub uwagi co do tre艣ci posta, napisz to.
4. Nie reklamuj si臋 w komentarzu.