środa, 17 czerwca 2015
Nie wiem czy ktoś z Was pamięta, ale już jakiś czas temu robiłam wpis o tym jak zrobić za pomocą kodu CSS aktywny button czytaj więcej. Dzisiaj wam pokażę jak w prosty sposób wstawić swoją własną grafikę, która będzie zastępować nam tradycyjne "czytaj dalej". Dla osób, które będą miały problem ze stworzeniem własnego graficznego buttonu "czytaj dalej" przygotowałam 12 grafik do pobrania, które znajdziecie na końcu wpisu.
1. Oczywiście żeby nasze "czytaj dalej" się pojawiło, musimy podczas pisania wpisu w dowolnym momencie kliknąć w zwijanie tekstu.
1a. Pamiętajmy o tym, aby nasz obrazek był wgrany na portal hostingujący np. tinypick, ponieważ będziemy potrzebowali adresu URL do naszego obrazka. (Pobrane buttony s
UWAGA! MUSIMY ZROBIĆ KOPIĘ ZAPASOWĄ SZABLONU, W RAZIE JAKBY COŚ NIE WYSZŁO
2. Szablon - edytuj kod HTML. Klikamy kursorem w dowolne miejsce w szablonie i wybieramy ctrl + f. Pojawi nam się okienko wyszukiwania, w które wpisujemy <b:if cond='data:post.hasJumpLink'> i klikamy enter,
3. Pod wyszukaną linijka będziemy mieli taki fragment kodu:
<div class='jump-link'> <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a> </div> </b:if>
Usuwamy ten fragment kodu, a na jego miejsce wklejamy ten:
<div class='jump-link'> <a expr:href='data:post.url + "#more"'><p align='center'><img border='0' src='LINK DO OBRAZKA'/></p> </a> </div> </b:if>
Zapisujemy szablon. Efekt końcowy:
12 buttonów do pobrania:
Świetny poradnik tak jak i te guziki!
OdpowiedzUsuńDobry poradnik, ja musze swoje czytaj dalej poprawić bo mi się wkleił taki mały zielony kwadracik do tego ale jakoś mi się nie chce xD
OdpowiedzUsuńPozdrawiam,Madda
Blog Maddy -> klik
Znam ten ból jak atakuje niechciej :)
UsuńCiekawe pomysły :)
OdpowiedzUsuńMi wygląd bloga robi już pewna osoba, więc ja niestety nie skorzystam ale może kiedyś poproszę o taki wygląd :)
Serdecznie zapraszam do mnie :)
http://karrrblog.blogspot.com/
To jest wygląd dla jednego elementu, a nie całego bloga :)
UsuńCiekawy poradnik! :)
OdpowiedzUsuń♥Mój blog♥
Bardzo pomysłowe ! ;)
OdpowiedzUsuńMój blog-KLIK!
Jak dla mnie świetnie przedstawione! Pewnie kiedyś skorzystam :D
OdpowiedzUsuńNowy post- klik!
Zapraszam :)
UsuńŚwietny pomysł, na razie nie potrzebujemy takiej opcji ale może kiedyś skorzystamy :)
OdpowiedzUsuńOpcja z czytaj dalej jest bardzo przydatna jak ma się dłuższe wpisy - polecam :)
UsuńWow, właśnie się zastanawiałam jak to cudo zrobić :)
OdpowiedzUsuńBardzo przydatny post!
live-telepathically.blogspot.com kliik
świetny poradnik! właśnie skorzystałam i nie sądziłam, że to będzie takie łatwe! dziękuję bardzo i pozdrawiam :))
OdpowiedzUsuńBardzo stylowe te szablony:)Kto wie, może sama stworze coś własnego:)
OdpowiedzUsuńKurcze doszłam do momentu kiedy trzeba wrzucić link w to html, ale nie ma opcjisearch, próbowałam tego poszukać ale nie moge znaleźć :((
OdpowiedzUsuńhttp://melassie.blogspot.com
Poradziłam sobie !! :)
OdpowiedzUsuńCiesze się :)
OdpowiedzUsuńGdy jestem na etapie wyszukanie tego kodu w kodzie htlm to nie mogę go znaleźć, chyba wcześniej gdy próbowałam je zmienić to go usunełam, i nie wiem co teraz robic :/
OdpowiedzUsuńTeraz to będzie trochę problem aby to uzupełnić, ale da radę, wystarczy ten kod dopisać w odpowiednie miejsce, jeśli rzeczywiście go nie ma.
OdpowiedzUsuńCześć, w punkcie 2 tego posta widać menu do edycji posta. Niestety, u mnie widać tylko połowę tych przycisków. Czy wiesz, co można zrobić, żeby było całe menu?
OdpowiedzUsuńJeśli jest się autorem bloga - widać tylko niektóre przyciski, jeśli administratorem - widać wszystko.
OdpowiedzUsuńŚwietny post! Robiłam to przez ponad dwie godziny, ponieważ ciągle coś nie działało, ale w końcu udało się i jestem mega zadowolona. Wciąż pracuję nad moim blogiem, ale jak na razie jestem zadowolona :)
OdpowiedzUsuńPewnie nie ma szans, abyś sprawdziła moje efekty, ale i tak zapraszam :3
http://fantasyofvvitanii.blogspot.com/
Wielkie dzięki za ten poradnik( i nie tylko) !
Mam pytanie.
OdpowiedzUsuńPobrałam szablon, wszystko dopasowałam jak potrzebuję, został mi tylko napis "continue reading" w poście i mam problem ze zmianą tego na język polski. Orientujesz się może gdzie mogłabym to zrobić?
Bez linku do bloga, będzie ciężko mi cokolwiek powiedzieć ;)
OdpowiedzUsuńsmileofsun.pl
OdpowiedzUsuńTen sam problem mam z opcją "starsze posty", również w języku angielskim.
Masz pobrany szablon z internetu, w kodzie szablonu nie mogę znaleźć sekcji odpowiedzialnej za pager i czytaj więcej, więc wnioskuję, że to darmowa wersja, a darmowe wersje mają skrócony kod szablonu i nie zawsze wszystko da się w nich zmienić.
OdpowiedzUsuńA chyba, że tak. Własnie nie wiedziałam, że są kody skrócone przy darmowych. Dziękuję :)
OdpowiedzUsuńJuż nie można zapisać za darmo w picmonkey na komputerze. Można robić,
OdpowiedzUsuńale
za zapis trzeba płacić. A szkoda, bo lubiłam tę stronę.Tu masz dowód!
https://uploads.disquscdn.com/images/215e29a5bec335b058c97f4e344c9837843d84b57140ba471482cc9df7df4874.jpg