piątek, 23 października 2015

Poradnik Designu #2 Jak spersonalizować napis "czytaj dalej"?

Hej!
Dziś nowy poradnik designu :) Na początku mała informacja. Posty będą w piątek, bo łatwiej mi je wtedy dodawać. Pokażę wam jak zrobić fajne "czytaj dalej" na swoim blogu. Zapraszam do dalszej części!

Na samym początku dodajemy zawijanie tekstu. Wystarczy, że w miejscu, w którym chcemy zawinąć tekst klikamy na ten znaczek :)
Po tych dwóch punktach będzie to wyglądać tak:
Następnie w programie graficznym tworzymy nasz napis. Ja używam pic monkey.
czytaj dalej
Co teraz? Wchodzimy w szablon > edytuj kod HTML. Potem musimy zdobić adres URL naszego obrazka. Najlepiej to zrobić w Google. Wejdźmy w poście w HTML. Wybierzmy adres w cudzysłowie. 
W Google wklejamy nasz kod i kopiujemy jego adres. Mamy URL :) W kodzie szukamy tej linijki (CTRL+F).
<b:if cond='data:post.hasJumpLink'>
Następujący pod nią fragment czyli: 
<div class='jump-link'>  <a
expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'>
<data:post.jumpText/></a>  </div>  </b:if>

Zamieniamy na:
  <div class='jump-link'>  <a expr:href='data:post.url + &quot;#more&quot;'><p align='center'><img border='0' src='URL DO OBRAZKA'/></p> </a>  </div>  </b:if>

Zapisujemy szablon... i GOTOWE!
Podobał wam się post? Napisz komentarz! Chcesz zaobserwować? Kliknij TUTAJ, bo do końca roku marzy mi się 100 obserwacji :D

25 komentarzy:

  1. przyda mi się teraz, jak ccę odświerzyć wygląd bloga ;)
    Mój blog ♥

    OdpowiedzUsuń
  2. I świetnie, że dodałaś taki post. Na pewno kiedyś mi się przyda. Pomijając, że jestem totalną dupą wołową jeśli chodzi o kodowanie.
    Pozdrawiam i zapraszam :)
    shinyygirl.blogspot.com

    OdpowiedzUsuń
  3. Takie poradniki sa niezwykle przydatne - zawsze można wprowadzić na bloga jakieś zmiany :)
    Kochana kliknęłabyś w linki u mnie najnowszym poście ? :)
    http://rzetelne-recenzje.blogspot.com/2015/10/okrycia-wierzchnie-zamowienie-z-romwe-i.html

    OdpowiedzUsuń
  4. Świetny poradnik dla osób, które się na tym nie znają ;)

    NOWY POST! Zapraszam! Obserwuję ;)
    MÓJ BLOG-KLIIK

    OdpowiedzUsuń
  5. Dla mnie największym problemem było wyszukanie w kodzie, bo nie wiedziałam jak się wyszukuje hah
    BLOG

    OdpowiedzUsuń
  6. Super sprawa, możliwe że wykorzystam przy zmianie wyglądu bloga. :)
    Bardzo fajny blog swoją drogą, zostawiam obserwację i z pewnością będę tu wracać. :))

    ~Zapraszam do mnie!
    http://kunpowo.blogspot.com/

    OdpowiedzUsuń
  7. Świetny poradnik! Z pewnością z niego skorzystam. Dziękuję! :)

    Pozdrawiam, I am Angelika - klik!

    OdpowiedzUsuń
  8. Super poradnik ;) Na pewno się przyda ;)

    Pozdrawiam , http://patrycja-okroj.blogspot.de/

    OdpowiedzUsuń
  9. Super poradnik dla osób, które zaczynaja, ale i dla tych, które chcą coś zmienić w swoim blogu no a jak wiemy wszystkiego nie da się pamietac :D Super!

    NOWY POSCIK! ZAPRASZAM!
    MÓJ BLOG-KLIIK

    OdpowiedzUsuń
  10. Mega pomocne! Od dawna zastanawiałam się, jak to zrobić.
    Na pewno wrócę do tego, gdy będę potrzebowała:)

    Pozdrawiam! ♥
    moja Personalna Galaktyka Absurdu

    OdpowiedzUsuń
  11. Świetny post! Zapisałam sobie i na pewno wykorzystam przy zmianie wyglądu :)
    Zapraszam - smile-for-me-beautiful.blogspot.com
    Buziaki!x

    OdpowiedzUsuń
  12. Wygląd jest ważny. Fajnie, że Ci się chce dłubać w kodzie :)

    OdpowiedzUsuń
  13. super, że o tym napisałaś. Na pewno komuś się przyda!
    nutellaax.blogspot.com [KLIK]

    OdpowiedzUsuń
  14. Cudowny post ! ❤
    Co powiesz na wspólna obserwacje?
    http://patrycja-okroj.blogspot.com/

    OdpowiedzUsuń
  15. super, wielu osobą napewno sie przyda ta porada.
    Zapraszam do siebie (nowy blog): http://luuxyaa98.blogspot.com

    OdpowiedzUsuń
  16. Świetny poradnik! Ja jednak wolę zostać przy standardzie i wyświetlać całkiem posty <3 ♥
    KLIK-BLOG

    OdpowiedzUsuń
  17. Genialny poradnik! Na pewno każdemu zainteresowanemu bloggerowi się przyda, oby więcej takich :) /M

    Dwie Perspektywy Blog

    OdpowiedzUsuń
  18. Świetny poradni, może wykorzystam. ^^
    + nie wiem czy już kiedyś Ci pisałam ale bardzo ładny nagłówek. c=
    Zapraszam na posta: [klik]!
    Pozdrawiam. :))

    OdpowiedzUsuń
  19. Bardzo pomocny post, nawet się zastanawiałam ostatnio jak to zrobić. :)

    ✿ Kochać Znaczy Blogować - klik! ✿

    OdpowiedzUsuń
  20. Ja jakoś nie przepadam za tym "czytaj więcej" itd..
    Irytuje mnie to. ;P
    Zapraszam do mnie ^^

    OdpowiedzUsuń
  21. Bardzo fajny poradnik, ja jednak nie używam tej "funkcji" :))
    Pozdrawiam ♥
    http://princessdooomiii.blogspot.com

    OdpowiedzUsuń
  22. Super poradnik. Na pewno kiedyś wykorzystam. :)
    http://luulublog.blogspot.com/

    OdpowiedzUsuń

♥Dziękuję za każdy komentarz!♥
♥Najbardziej cieszą mnie takie po których wiem, że przeczytałaś post.♥
♥Zostawiaj wartościowe komentarze!♥
♥Nie musisz zostawiać linków, bez tego też trafię na Twój blog!♥
♥Spam i hejty są usuwane.♥