Obrazki w html ( napis obserwatorzy, archiwum itp.)

November 12, 2014
58 Comments
Hej!
Coraz częściej osoby na fanpage bloga pytają się mnie w wiadomościach, jak zrobić coś takiego:

Wiem teraz, że dużo osób ma z tym problem, a jak próbowałam im potłumaczyć to nie rozumiały. Może teraz, kiedy rozjaśnię całą sytuację obrazkowo, już będziecie umieli sami wykonać taki napis na Waszym blogu.
1. Pierwszym krokiem jest na pewno wejście w projekt bloga. Tam wybieramy szablon i klikamy dostosuj.



2. Robimy to po to, aby sprawdzić, jaką szerokość ma nasz pasek boczny na blogu.


3.  Żeby to sprawdzić wchodzimy w dostosuj ustawienia szerokości i patrzymy na pixele paska bocznego. Mój pasek boczny ma dla przykładu 320 pixeli, więc wchodzimy w painta i to dostosowujemy, aż wyjdą Wam wartości Waszego bloga ( przykład na zdjęciu poniżej - o jakie wartości chodzi)


4. Kiedy to zapiszecie, czeka Was łatwa część, czyli napis i ozdobienie według uznania ( polecam do tego program photo scape, w którym możecie dodać tekst i obrazy jakie będziecie potrzebowali)
Jak już skończycie, dla przykładu wyjdzie Wam taki obrazek:
5. I co dalej? Wchodzimy na przeglądarkę internetową, w której otwieramy program TINYPIC- KLIK i robimy to, co wskazałam na obrazku poniżej:



6. Po kliknięciu prześlij teraz, przejdzie Wam na stronę, na której wygeneruje Wam kod html z tego zdjęcia. Kopiujecie TYLKO I WYŁĄCZNIE OPCJĘ KOD HTML DLA WITRYN

7. Ponownie wchodzimy w projekt bloga tylko, że tym razem potem wchodzimy w  układ, klikamy dodaj gadżet. Zjeżdżamy trochę niżej, aż odnajdziemy taki gadżet : HTML Java Script, który otwieramy i w miejsce TREŚĆ, wklejamy kod, który wcześniej skopiowaliśmy. UWAGA: Nie musimy uzupełniać tytułu w tym gadżecie żadnymi kropkami. Po prostu klikamy ZAPISZ, po czym wyświetlamy bloga i cieszymy się naszym efektem.:)

Jest to jeden z trudniejszych poradników, ale spokojnie i bez nerwów, mam nadzieję, że już teraz wiecie jak sobie poradzić ze zrobieniem takich obrazków w html i że rozwiałam wszystkie Wasze wątpliwości. Po nabraniu wprawy, nie będzie to nic trudnego i będziecie mogli tworzyć wspaniałe obrazki. Jeśli chcecie więcej poradników to koniecznie mi napiszcie w komentarzu!Trzymam za Was kciuki! :)
Snapchat : dorey01

Polub stronę bloga na facebooku!


Dorey ♥

YOU MIGHT ALSO LIKE

58 comments:

  1. rubbishNovember 12, 2014 at 4:48 PM

    Przydatne:)
    nataa-liiaa.blogspot.com

    ReplyDelete
  2. PattieNovember 12, 2014 at 4:56 PM

    Ojejciu, wcześniej nawet mi przez głowę nie przemknęło, żeby dać te obrazki w html! Dziękuję, przyda się! :)

    ReplyDelete
  3. UnknownNovember 12, 2014 at 4:59 PM

    Bardzo przydatny post! Chociaż ja dodaję te obrazki trochę inaczej i nie znałam wcześniej tego sposobu ;P

    Pozdrawiam
    Mój Blog - klik!

    ReplyDelete
  4. Aleksandra KojderNovember 12, 2014 at 5:01 PM

    Przydatne, aczkolwiek robię to nie co innym sposobem i dla mnie nie co prostszym :)

    Pozdrawiam!
    Mój blog - kliik! ¦

    ReplyDelete
  5. LemoniadaNovember 12, 2014 at 5:13 PM

    Zawsze zastanawiałam się jak to się robi :o

    http://butterflies-my-mind.blogspot.com/

    ReplyDelete
  6. UnknownNovember 12, 2014 at 6:00 PM

    Bardzo przydatny post, zawsze chciałam mieć te obrazki, ale nigdy nie umiałam zrobić :)

    http://flowers-demons.blogspot.com/

    ReplyDelete
  7. UnknownNovember 12, 2014 at 6:06 PM

    Bardzo przydatny post, dziękuję :)
    czy byłby to problem abyś poklikała w linki od ubrań tu : http://suzies-drawings.blogspot.com/2014/11/11-11-2014.html ?
    Z góry dziekuję baardzo :)

    ReplyDelete
  8. UnknownNovember 12, 2014 at 6:38 PM

    super poadnik, oberwuje licze na rewanz

    cloddy-cloddy.blogspot.com

    ReplyDelete
  9. UnknownNovember 12, 2014 at 6:50 PM

    ciekawy post :P
    http://kamila0009.blogspot.com/

    ReplyDelete
  10. UnknownNovember 12, 2014 at 6:52 PM

    świetny poradnik !
    ale mam pytanie. Czy gadżet htm/java/strip czy jakoś tak xD trzeba wstawić nad gadżetem np: obserwatorzy czy w dowolnym miejscu ?

    mój blog - Klik

    ReplyDelete
  11. Paulina WawerNovember 12, 2014 at 7:22 PM

    Kochana dzieki za wyjasnienie ;*

    http://obiektyw-mym-okiem.blogspot.com/

    ReplyDelete
  12. UnknownNovember 12, 2014 at 7:33 PM

    Bardzo przydatny post!
    sweethomesweety.blogspot.com

    ReplyDelete
  13. UnknownNovember 12, 2014 at 7:36 PM

    Świetnie wyjaśnione i przydatne ♥

    m-inis.blogspot.com

    ReplyDelete
  14. KingaNovember 12, 2014 at 7:43 PM

    przydatny post :)
    http://cytruskowa.blogspot.com/

    ReplyDelete
  15. Olciia99November 12, 2014 at 7:53 PM

    przydatna instrukcja ! <3
    Poklikałabyś w link Sheinside w poście ? Z góry dziękuję <3
    stay-possitive.blogspot.com

    ReplyDelete
  16. TallaNovember 12, 2014 at 8:22 PM

    bardzo przydatny post! na pewno skorzystam, bo chciałam właśnie wprowadzić ostatnio kilka zmian :D
    więcej takich poradników!!! :p

    justsayhei.blogspot.com

    ReplyDelete
  17. UnknownNovember 12, 2014 at 8:23 PM

    Bardzo pomocny post :) Mi też się to bardzo podoba <3
    Ps : Pytałaś o obserwację ^^ Ja już :) A blog leci do zakładki w PC ; )
    Pozdrawiam ^^ !
    sqnwa.blogspot.com

    ReplyDelete
  18. KamoNovember 12, 2014 at 9:12 PM

    mozesz takze dodac gadzet "zdjecie" czy tam "obraz" i w tytule wpisac " " dziala to tak samo :3

    http://kamoop.blogspot.com <-klik

    ReplyDelete
  19. UnknownNovember 12, 2014 at 9:18 PM

    Przydatne :). Może nawet wypróbuję :). Pozdrowienia! :3 everythingandcooking.blogspot.com

    ReplyDelete
  20. OliviaNovember 12, 2014 at 9:29 PM

    Przydatny post :)

    harry-czary-mary.blogspot.com

    ReplyDelete
  21. StylowankaNovember 12, 2014 at 9:50 PM

    Bardzo przydatne i ładnie to wygląda. ;)

    lady-aria.blogspot.com

    ReplyDelete
  22. KaasjaNovember 13, 2014 at 12:10 AM

    Wspaniale i bardzo czytelnie to wytłumaczyłaś, dzięki :)

    ReplyDelete
  23. oironioNovember 13, 2014 at 12:26 AM

    Wow, jest to na prawdę przydatne i potrafisz to wytłumaczyć. :)
    Jestem za tym, aby było więcej poradników.

    ReplyDelete
  24. Julia DeryngNovember 13, 2014 at 7:03 AM

    Bardzo przydatny post. Być może utworzę takie obrazki i wstawię na bloga. Pozdrawiam!

    ReplyDelete
  25. duo-jessieNovember 13, 2014 at 11:54 AM

    Bardzo przydatne. Już długo myślałam nad tym, żeby dodać coś takiego do swojego bloga i teraz już wiem jak. Dzięki :)

    http://duo-jessie.blogspot.com

    ReplyDelete
  26. NataliaNovember 13, 2014 at 12:21 PM

    No proszę jaki przydatny i pouczający post, super:)

    ReplyDelete
  27. UnknownNovember 13, 2014 at 1:34 PM

    przydatna instrukcja ;)

    ReplyDelete
  28. AliceNiepodamNovember 13, 2014 at 2:19 PM

    Jaka przydatna instrukcja. Wiele osobom się przyda :)
    http://dziennik-ali.blogspot.com/

    ReplyDelete
  29. adgamNovember 13, 2014 at 2:22 PM

    Ja się ostatnio dowiedziałam, że można dodawać zdjęcia bez tytułu jeśli wpisze się tam < ! >

    ReplyDelete
  30. UnknownNovember 13, 2014 at 2:56 PM

    Kurde, ja już tak dawno nie bawiłam się na blogu, że wszystko pozapominałam, a przydałoby się go odświeżyć :D Przydatna notka :))

    ReplyDelete
  31. AnonymousNovember 13, 2014 at 3:39 PM

    fajna porada
    http://mandyy-blog.blogspot.com

    ReplyDelete
  32. SaszenNovember 13, 2014 at 3:45 PM

    mega fajny i przydatny post ! więcej takich :D :>

    ReplyDelete
  33. AnonymousNovember 13, 2014 at 4:11 PM

    Świetnie wszystko opisałaś i naprawdę to wydaje się proste! :)
    nataliaasworld.blogspot.com

    ReplyDelete
  34. madd_aaNovember 13, 2014 at 4:40 PM

    Bardzo fajne wskazówki :)
    blog ->klik

    ReplyDelete
  35. voanniNovember 13, 2014 at 4:45 PM

    Przydatny post, teraz na pewno wszyscy będą już wiedzieć jak to zrobić ;)

    http://voanni.blogspot.com

    ReplyDelete
  36. jujujujuNovember 13, 2014 at 4:48 PM

    bardzo przydatny post :)

    obserwuje :)
    jeśli Ci się spodoba mój blog może dodasz do obserwowanych? ♥
    http://thejustysiablog.blogspot.com/

    ReplyDelete
  37. EdithNovember 13, 2014 at 5:02 PM

    Bardzo przydatne! Dzięki, bo właśnie poszukiwałam jak zrobić takie obrazki. :)
    positivelikeedith.blogspot.com

    ReplyDelete
  38. AgnessNovember 13, 2014 at 5:07 PM

    Bardzo fajna, przydatna notka! :)
    you-chapter.blogspot.com

    ReplyDelete
  39. JulajuliaNovember 13, 2014 at 5:37 PM

    Przydatne rady. Masz super bloga, jestem tu pierwszy raz,ale zostane na dłużej :)

    Julajulia.blogspot.com-Zapraszam na konkurs!

    ReplyDelete
  40. Anna LabuddaNovember 13, 2014 at 6:46 PM

    Bardzo pomocny post! :)))

    ZAPRASZAM NA KONKURS. DO WYGRANIA POST PROMOCYJNY! :)
    ania-ania3.blogspot.com

    ReplyDelete
  41. AnonymousNovember 13, 2014 at 6:58 PM

    Fajna sprawa z takimi nagłówkami dla gadżetów :)

    ReplyDelete
  42. NatasiakNovember 13, 2014 at 7:11 PM

    Jasne, ze chcemy więcej poradników! Na pewno przyda się to osobom, które zaczynają blogować i nie wiedzą jak dokładnie poradzić sobie z szablonem :)

    http://natasiak.blogspot.com/

    ReplyDelete
  43. UnknownNovember 13, 2014 at 7:15 PM

    z pewnością bardzo przydatny post, i świetny blog , obserwuję i będę wpadać częsciej !!!
    Jeśli masz ochote zapraszam do mnie
    http://youwinoryoudie66.blogspot.com/

    ReplyDelete
  44. UnknownNovember 13, 2014 at 7:17 PM

    Co powiesz na obs. Za obs?
    Claudietta-life.blogspot.com


    Przydatne info :)ja juz w miare ogarnelam bloggera:)

    ReplyDelete
  45. UnknownNovember 13, 2014 at 8:03 PM

    Bardzo przydatny post, myśle żę kiedyś z niego skorzystam ;) Dopiero zaczynam , zapraszam do mnie ;) Mój blog-klik!

    ReplyDelete
  46. UnknownNovember 13, 2014 at 8:34 PM

    Też mam snapa :) : darkraspberry
    Zapraszam do mnie, obserwujemy? ;)
    MÓJ BLOG

    ReplyDelete
  47. Twins LifeNovember 13, 2014 at 9:04 PM

    przydatny post! mój snap: jugiix

    Pozdrawiamy!
    ♡ Nasz Blog (Twins life.) - kliik ♡

    ReplyDelete
  48. Zakątek CzytelnikaNovember 13, 2014 at 9:11 PM

    Skorzystam :)
    www.roseoffashionblog.blogspot.com

    ReplyDelete
  49. VelinaNovember 13, 2014 at 9:17 PM

    ciekawa metoda :D

    Zapraszam: http://velina-blog.blogspot.com/

    ReplyDelete
  50. LiviAndIngaNovember 13, 2014 at 10:03 PM

    Bardzo przydatny post! Na pewno niebawem z niego skorzystam:)
    Dziękujemy za zostawienie komentarza na naszym blogu i zapraszamy na najnowszego posta: www.liviandinga.blogspot.com
    P.S. - obserwujemy i liczymy na rewanż ♥

    ReplyDelete
  51. AnonymousNovember 13, 2014 at 10:50 PM

    świetny poradnik <3
    na pewno skorzystam ^^
    pozdrawiam http://stylcarly.blogspot.com/

    ReplyDelete
  52. AnonymousNovember 14, 2014 at 5:58 AM

    Woow ja to robię trochę prościej. No ja też w paincie, ale ja tekst dodaje w paincie, zapisuje jako PNG i dodaje na bloga jako obraz :D

    Chcesz wygrać portfel lub zegarek?
    ZAPRASZAM NA KONKURS-KLIKNIJ! :)

    ReplyDelete
  53. NienormalnaNovember 14, 2014 at 6:30 PM

    pomocny post, może kiedyś skorzystam ;>

    Zapraszam:
    unnormall.blogspot.com

    ReplyDelete
  54. OlaNovember 15, 2014 at 7:27 PM

    mega przydatny post!:D moja super mądra i inteligentna głowa męczyła się z tym od baardzo dawna =.="
    ~Ola
    http://petite-alexandrine.blogspot.com/

    ReplyDelete
  55. Dookola SwiataNovember 18, 2014 at 5:32 AM

    Takie porady sa napewno na miare zlota :)

    Pozdrawiam, Sonia
    www.dookola-swiata-w-jeden-dzien.blogspot.com

    ReplyDelete

❀ Dziękuję za wszystkie komentarze. Każdy z nich jest dla mnie wielką motywacją.
❀ Weryfikacja obrazkowa wyłączona.
❀ W miarę możliwości staram się odwdzięczać za każdy pozostawiony przez Was komentarz.
❀ Jeśli zaobserwujesz, postaram się nie zawieść Twoich oczekiwań. :)