piątek, 1 maja 2015

Jak zrobić napisy w tytule gadżetów.


Jak zrobić własne napisy w tytule gadżetów?

Od razu oznajmiam, że to nic trudnego. Jeszcze niedawno sama zastanawiałam się jak niektóre blogerki to robią. Trzeba przyznać, że jest to wygodne, bo możemy dostosować wygląd bloga do własnych upodobań. Wykonanie tych napisów jest naprawdę bardzo proste i nie trzeba być żadnym projektantem designu. Jakich programów musimy użyć? Zdecydowanie polecam Photoscape’a. 


1. Pierwsze co musimy zrobić, to wpisać magiczny kod css, który usunie nam standardowe tytuły gadżetów. Cały kod kopiujemy i wklejamy do pozostałych. 

h2 {display: none;}



2.   W tym momencie powinniśmy mieć usunięte wszystkie tytuły gadżetów. Co dalej? Następnie szukamy w przeglądarce białego obrazu (obojętnie jakie wymiary) i zapisujemy go w swoich dokumentach.

Zanim zabierzemy się za tworzenie napisów, powinniśmy sprawdzić wymiary kolumny bocznej, aby móc dopasować utworzony obrazek, żeby nie wystawał poza kolumnę. Tak jak w moim przypadku jest 260 pikseli to obrazek tworzymy o szerokości 250, czyli najlepiej odjąć 10. Jeżeli mimo wszystko będzie wam wystawał to zmniejszcie jeszcze minimalnie.


3. Teraz otwieramy program Photoscape, wybieramy z dokumentów zapisany biały obrazek i kadrujemy go do naszych wymaganych rozmiarów.


4. Gdy mamy gotowy obrazek, nie pozostało nam nic innego jak dodać na niego własny tekst w wybranej czcionce. Ja postanowiłam skorzystać z małych urozmaiceń i pobrałam inne czcionki, dzięki czemu mam duży wybór i mogę stworzyć idealny napis.

Obiekt –> Tekst


Żeby napis wyglądał ciekawiej możemy dodać jakiś obrazek png albo wstawić coś z tablicy znaków.

5. Po tym jak zapiszemy obrazek powracamy do naszego bloggera i wchodzimy w układ. Klikamy „dodaj gadżet” i wybieramy „obraz”. Utworzony przez nas obrazek wgrywamy i zapisujemy. Potem ustawiamy go w odpowiedniej pozycji, żeby tytuł zgadzał się z gadżetem i gotowe!



Tak samo postępujemy z resztą napisów. Mam nadzieje, że nie sprawi wam to zbyt wiele trudu i śmiało sobie z tym poradzicie. Niżej pokażę wam napisy, które wykonałam tworząc design innym dziewczynom. 





55 komentarzy:

  1. Ten komentarz został usunięty przez autora.

    OdpowiedzUsuń
  2. Świetny poradnik! Znasz jeszcze jakiś program (online) gdzie można to wykonać? :) Czy może być to zwykły program w którym da się wpisać tekst i zmienić wymiary? ::)

    OdpowiedzUsuń
    Odpowiedzi
    1. możesz zobic w picmonkey.com
      haniaslittleworld.blogspot.com

      Usuń
  3. Dobra rada ;) Jak na razie z niej nie skorzystam bo ani czasu, ani za dużej potrzeby... Może się to zmieni. Tak po za tym to dodałaś piękne zdjęcia, naprawdę widać, że fotografia to Twoja pasja.
    http://myenchantix.blogspot.com/

    OdpowiedzUsuń
  4. Hey. Super pomysł, tylko mam problem z O mnie. Nie wiem jak zrobić jak Ty masz. Pomożesz? Tylko poinformuj mnie, kiedy napiszesz. Z góry dziękuję.

    http://ja-pamietnik-i-opowiadania.blogspot.com/

    OdpowiedzUsuń
    Odpowiedzi
    1. Ech, nie umiem nigdzie tego wstawić:/ Jak daję widget "Obraz" i wklejam tą zakładkę, to piszę, że muszę dodać tytuł:/

      Usuń
    2. Jako tytuł dodaj kropke :)

      Usuń
  5. Świetna porada, na pewno skorzystam, bo chcę zmienić wygląd mojego bloga, a zastanawiałam się jak zrobić takie nagłóweczki.
    justfashion-justpassion.blogspot.com

    OdpowiedzUsuń
  6. Dziękuje, dziękuje!!!!! Nareszcie wiem jak to ogarnąć :D
    http://panda-w-wielkim-miescie.blogspot.com/

    OdpowiedzUsuń
    Odpowiedzi
    1. jednak nie umiem tego ogarnąć... jak wstawiam ten kod to usuwa mi tylko jeden nagłówek :/

      Usuń
    2. Daj mi namiary na siebie to może na fejsie ci spróbuje wytłumaczyć ;)

      Usuń
    3. Waśnie też mam ten sam problem...

      Usuń
  7. Bardzo pomocne rady. Właśnie zamierzam zmienić wygląd bloga, i Twój post bardzo mi się przyda :). Pozdrawiam!

    + Bardzo proszę o kliknięcie w linki w najnowszym poście: lublins.blogspot.com

    OdpowiedzUsuń
  8. Informacje na pewno przydatne :D
    Ja zawsze robiłam to tak, że nazwy gadzetów zmiejszałam do 0px ale twój sposób jest ławiejszy
    Pozdrawiam,Madda
    Blog Maddy -> klik

    OdpowiedzUsuń
  9. Super notka, bardzo przydatna, dzięki :)

    OdpowiedzUsuń
  10. juz dawno z tego skorzystalam ale fajnie ze chcesz pomoc innym bloggerka xxx

    Pozdrawiam i zapraszam na mojego skromnego ( PASTELOWEGO ! ) bloga :) klaudiaandmylife.blogspot.co.uk

    OdpowiedzUsuń
  11. Robiłam niedawno bardzo podobny post, tylko jak to zrobić za pomocą CSSa ;)

    http://blonparia.blogspot.com/

    OdpowiedzUsuń
  12. Sama potrafie takie coś zrobić, ale post dla poczatkującego jak najbardziej przydatny :)

    Blog z artystycznymi i profesjonalnymi sesjami zdjęciowymi!
    Nowy post- SUGAR SKULL , serdecznie zapraszam! :)
    http://moooneykills.blogspot.com/2015/05/sugar-skull-wedding.html

    OdpowiedzUsuń
  13. Ile ja się nagłowiłam nad tym :D dzięki wielkie!

    olkoz.blogspot.com

    OdpowiedzUsuń
  14. Dobrze, że ludzie robią takie poradniki, bo sama bym zginęła :D

    OdpowiedzUsuń
  15. O dzięki. Właśnie czegoś takiego szukałam :)

    Obserwuję, ale nie zmuszam do tego samego:
    http://l-jak-lidia-blog.blogspot.com/

    OdpowiedzUsuń
  16. Bardzo przydatny poradnik, z pewnością skorzystam! <3
    http://aroundempty.blogspot.com/

    OdpowiedzUsuń
  17. z pewnością przydatny post :)
    zapraszam do mnie
    http://czillen.blogspot.com/

    OdpowiedzUsuń
  18. Wow, super post :) Bardzo możliwe, że kiedyś skorzystam :)
    Pozdrawiam :*
    average-ee.blogspot.com

    OdpowiedzUsuń
  19. A ja zastanawiałam się jak to zrobić - dziękuję za ten poradnik ! W wolnej chwili się z tym pobawię :)

    OdpowiedzUsuń
  20. z pewnością wielu osobą się przyda taki poradnik :D
    zapraszam na rozdanie <- kliknij ♡

    OdpowiedzUsuń
  21. Jest tu naprawdę przyjemnie, fajny pomysł na pomoc w designie :) sama zauważyłam że wiele osób ma z tym problem. Czasami wystarczy wskazać komuś ścieżkę i ten ktoś już wie gdzie, co i jak :)
    Dodaję Ciebie do czytanych bo warto tu wracać :)

    PS. Zmniejsz troszkę zdjęcia które wrzucasz czy print-scriny, ktoś kto ma mały monitor może nie zobaczyć zdjecia w pełnym wymiarze na swoim monitorze, tylko będzie musiał suwakiem machać by je obejrzeć. :)

    Pozdrawiam cieplutko www.patrycjaborowska.blogspot.com

    OdpowiedzUsuń
  22. świetny poradnik, może kiedyś jak zdecyduję się zrobić samodzielnie wygląd bloga, to go użyję, haha. :D
    http://berry-lifestyle.blogspot.com/

    OdpowiedzUsuń
  23. Kochana, piszesz naprawdę świetne poradniki :). Jestem przekonana, że niejedna osoba z nich skorzysta. Dla mnie takie rzeczy to czarna magia, ale z Twoją pomocą na pewno poradzę sobie w wypadku, kiedy miałabym zmienić design bloga. Dołączyłaś również bardzo ładne zdjęcia *.*
    Jestem szczęśliwa i dumna z tego, co napisałaś mi w ostatnim komentarzu na moim blogu. Cieszę się, że zmieniłaś swoje nastawienie do życia na lepsze. To nawet świadczy o tym, że jesteś o wiele bardziej silniejszą osobą aniżeli ja, ponieważ sama borykam się z pewnością siebie i walczę o to, aby być bardziej otwartą na innych już nie wiem ile czasu. Tymczasem to właśnie Tobie udało się to przezwyciężyć i z tego powodu mogę powiedzieć, że w tej kwestii to chyba Ty będziesz musiała dać mi reprymendę :). Mam nadzieję, że teraz będziesz szła przez życie właśnie tak, jak opisałaś mi wcześniej. Wierzę również w to, że podejmiesz właściwą decyzję odnośnie sprawy, o której napomniałaś. Jestem pewna, że będzie ona dobra i żywię nadzieję, że jej skótki będą równie pozytywne. Kocham ♥!

    http://julia-its-not-too-late.blogspot.com/
    Zapraszam do mnie :).

    OdpowiedzUsuń
  24. Ja to robię w paincie hahah :DDD

    rilseee.blogspot.com

    OdpowiedzUsuń
  25. No witam koleżankę ! :*
    Ojej jak miło ! <3 Ja wgl trochę stęskniłam się za blogowaniem,
    no ale siła wyższa - zepsuty laptop :/
    Dziękuję Ci bardzo ! Zdecydowanie uwielbiam wiosnę, najlepsza pora dla fotografa
    no ale z drugiej strony, jako alergik , mam przekichane :D
    Hahahahaha no przecież straszna nie jestem :D

    www.my-passion-foto.blogspot.com

    OdpowiedzUsuń
  26. Idealny post, aż sobie dodam do zakładek bo chcę w najbliższym czasie po maturkach na spokojnie porobić coś z designem mojego bloga. Dzięki! :)
    Zapraszam! zuzu-zuzannaxx.blogspot.com

    OdpowiedzUsuń
  27. Dla niektórych jest to na pewno bardzo przydatny wpis :) Super !

    rozmarzonaa.blogspot.com

    OdpowiedzUsuń
  28. Super:) Porady jak ulepszyć bloga są zawsze mile widziane:)

    bymadameem.blogspot.com

    OdpowiedzUsuń
  29. Świetny i przydatny wpis !

    Pozdrawiam

    OdpowiedzUsuń
  30. Znam ten trik :D blog o wiele lepiej wygląda z takimi napisami.

    OdpowiedzUsuń
  31. Hej! Zastanawiałam się jak to zrobić.. Dzięki tobie wiem jak! Bardzo przydatny post! Czekam na kolejne notki z pomocą w wyglądzie:) Pozdrawiam:))
    Mój Blog - klik!:)

    OdpowiedzUsuń
  32. Świetnie to opisałaś :)
    Co do zdjęć na poduszce też świetny pomysł! :))
    Ps. Baloniki słodkie <3

    OdpowiedzUsuń
  33. Super pomysł na notkę, myślę, że wielu osobom rozjaśniło to trochę spojrzenie na tworzenie własnych desingów. Sama czasem korzystam z różnego rodzaju porad jak ulepszyć swojego bloga.. :)

    Pozdrawiam. :)
    albumcodziennosci.blogspot.com

    OdpowiedzUsuń
  34. Bardzo pomocny artykuł. Wiele blogerów zmaga się z problemami w designie bloga :)
    pozdrawiam
    madame-lucy.blogspot.com

    OdpowiedzUsuń
  35. GRATULUJĘ! ZAJĘŁAŚ 1 MIEJSCE W KONKURSIE FOTOGRAFICZNYM! ♥
    Tutaj wyniki - http://mylifeisbeautiful304.blogspot.com/2015/05/finally-im-14-years-old.html

    OdpowiedzUsuń
  36. Bardzo przydatny poradnik. Ja zawsze wykonuje w paincie lub coś tak dodaje w photoscape :D

    Mój blog~klik!

    OdpowiedzUsuń
  37. Świetny poradnik, dla osób, które nie wiedziały jak dodać napisy na pewno się przyda!

    http://martyynaa.blogspot.com/

    OdpowiedzUsuń
  38. A to taak to robisz :D
    Duzo roboty z tym nie chcialo by mi sie pewnie bo ja jak caly szablon projektuje to mi juz z godzine a nawet 2 zajmuje to wiec zrobienie napisow w photoshopie zajelo by mi kolejne tyle :(

    http://comocarmen.blogspot.co.uk/

    OdpowiedzUsuń
  39. Kochana, zrobienie tego wszystkiego zajmuje mi maksymalnie 20 minut, wiec probuj ;* tez myslalam ze potrzeba na to godziny

    OdpowiedzUsuń
  40. Post jest bardzo przydatny, na pewno to wykorzystam, gdyż planowałam zmianę designu :)

    beneaththeblanket.blogspot.com

    OdpowiedzUsuń
  41. Śliczne zdjęcia i ciekawe notki <3

    Coś czuję, że będę wpadała tu codziennie :3

    Zapraszam do mnie :*

    Wspólna Obserwacja :) ?

    http://believeinhimselfx33.blogspot.com

    OdpowiedzUsuń
  42. Z całym przekonaniem stwierdzam, że o wiele łatwiej od zera napisać własną stronę, niż bawić się w poprawki 'na ślepo' - ale w takich chwilach pojawiają się posty, takie jak ten i życie staje się prostsze ;)
    Poadrawiam,
    http://barbarblue.blogspot.com

    OdpowiedzUsuń
  43. Świetny post :)
    Jestem tutaj pierwszy raz i na pewno pozostanę na dłużej. :)
    Obserwuje i zapraszam do siebie :)
    http://dominikax.blogspot.com/

    OdpowiedzUsuń
  44. czyli w sumie wstawia się gotowy obrazek a ja zawsze myślałam że to trzeba jakieś specjalne czcionki pościągać :)

    http://jzabawa11.blogspot.com/

    OdpowiedzUsuń
  45. Świetny post , bardzo przydatny ! :)

    OdpowiedzUsuń