Jak połączyć nagłówek z postem?

W dzisiejszym poście postanowiłam odpowiedzieć na często zadawane pytanie: 
Jak połączyć nagłówek z postem?
Wydawać się może, że to strasznie trudne, lecz w rzeczywistości tak nie jest. Sami się zaraz przekonacie! 

jak połączyć nagłówek z postem, nagłówek i post, blogger, blogspot, instrukcja, kod CSS, borenium
Zacznijmy od przygotowania nagłówka. Ja wszystko wykonuję w programie graficznym, lecz jeśli ktoś nie potrafi się żadnym posługiwać to nie problem. Wystarczy nawet zwykły paint czy edytor online. 
Szerokość nagłówka powinna być taka sama lub przybliżona do szerokości postu.
(Ja najczęściej biorę ok 700)

jak połączyć nagłówek z postem, nagłówek i post, blogger, blogspot, instrukcja, kod CSS, borenium
Gdy nagłówek jest już gotowy dodajemy go i przechodzimy do Projektanta Szablonu, a następnie odszukujemy pole do dodania nowego arkuszu CSS.
Dla niezorientowanych TUTAJ dokładnie opisałam i pokazałam jak odnaleźć wspomniany wyżej nowy arkusz CSS.

jak połączyć nagłówek z postem, nagłówek i post, blogger, blogspot, instrukcja, kod CSS, borenium
Jeśli mamy już otwarty nowy arkusz, wklejamy ten kod:

.column-center-inner {margin: 0px 0px 0px 0px;}

Musimy jeszcze wprowadzić odpowiednie liczby.
Każde kolejne zero określa oddzielny bok: 
Pierwsze zero to górna krawędź.
Drugie zero to prawa krawędź.
Trzecie zero to dolna krawędź.
Czwarte zero to lewa krawędź.

jak połączyć nagłówek z postem, nagłówek i post, blogger, blogspot, instrukcja, kod CSS, borenium
Teraz gdy wiemy co do czego się odnosi przystąpmy do działania.
Wpisujemy odpowiednie liczby: dodatnie jeśli chcemy zmniejszyć wymiary, a ujemne jeżeli chcemy je zwiększyć. 

Wszystko dokładnie dobieramy i proszę bardzo! Nagłówek połączony i nie było to strasznie trudne prawda? 

jak połączyć nagłówek z postem, nagłówek i post, blogger, blogspot, instrukcja, kod CSS, borenium
Mam nadzieję, że jest to zrozumiałe. Nie przywykłam do tłumaczenia komuś tych rzeczy.  Jeśli macie jakieś wątpliwości to piszcie, postaram się pomóc.

52 komentarze:

  1. Bardzo przydatny post!!! :)
    http://camille-and-camille.blogspot.com/

    OdpowiedzUsuń
  2. Dziękuję za pomoc :) Od dawna mnie męczyło jak to zrobić, ale nie umiałam nigdzie znaleźć
    odpowiedzi. Efekt jest cudny. Dzisiaj sama spróbuję :)
    Obserwuję i zapraszam do mnie :)

    http://bajkidziewczynazmarzeniami.blogspot.co.uk/

    OdpowiedzUsuń
  3. Szukałam tego ! Dziękuje :)

    http://my-life-naturella.blogspot.com/

    OdpowiedzUsuń
  4. Właśnie miałam się o to Ciebie pytać :D dziękuję!

    ♥ vickys-life1.blogspot.com ♥

    OdpowiedzUsuń
  5. Ooo.. pomocne ;)

    niikablog.blogspot.com

    OdpowiedzUsuń
  6. Ja jakoś tego nie szukałam, ale może się okazać, że kiedyś mi się to przyda i innym również ;)

    OdpowiedzUsuń
  7. Ja zawsze robię to w prostszy sposób. Tworzę nagłówek, wklejam do CSS taki oto kod:
    header { height: 309px;} i dostosowuje sobie wysokość. :D

    wikaandwika.blogspot.com

    OdpowiedzUsuń
    Odpowiedzi
    1. Tak, też można, aczkolwiek wtedy musisz mieć identyczne szerokości postu i nagłówka. A tak to dzięki temu co podałam wyżej, możesz dostosować dokładniej :)

      Usuń
    2. A w ogóle dlaczego zmieniłaś świąteczny desing? Przecież za niedługo święta! D:

      Usuń
    3. U niektórych, chociaż pewnie u większość nie działał właściwie. Musiałam na chwilę zmienić. Lecz jeśli chcecie nadal świąteczny, to zmienię na taki :)

      Usuń
  8. Przydatne! :)

    Aleksuu.blogspot.com

    OdpowiedzUsuń
  9. Bardzo łatwo to zrobić faktycznie. :) A mogłabyś mi pomóc w zrobieniu archwiwum takie jak Ty masz ? :)

    OdpowiedzUsuń
  10. Woo naprawdę przydatne ;D Zapamiętam sobie ten blog.. będę wpadać częściej ;>
    Zapraszam również do mnie
    http://karolcia4526.blogspot.com/
    ;*

    OdpowiedzUsuń
  11. bardzo łatwo to zrobić, masz świetne posty i wygląd bloga robiłaś pewnie sama i jest mega cudowny <3
    twój blog jest reklamowany w moim poście za to , że pomagałaś mi we współpracy :)
    skomentuj ;)
    sasanka-sasaanka1.blogspot.com

    OdpowiedzUsuń
  12. Moim zdaniem wytłumaczyłaś bardzo dobrze, no i przy okazji napisałaś co znaczą te zera, bo nie każdy wie.
    W ogóle design masz śliczny.
    Skom? http://madame-carmelle.blogspot.com/

    OdpowiedzUsuń
  13. Oooo widzę tu jakieś zmiany w wyglądzie ;) ŚLICZNIE :*

    OdpowiedzUsuń
  14. Sliczny nowy wyglad *-* Kocham twoje pomysly ;*

    OdpowiedzUsuń
  15. Ciekawy blog :)
    Zapraszam do siebie: http://usualtenn.blogspot.com/

    OdpowiedzUsuń
  16. Great blog!!
    Can we follow each other via gfc bloglovin and g+?

    http://asweetwoorld.blogspot.com/

    OdpowiedzUsuń
  17. Świetny post, ciekawy blog! :)
    Zapraszam blogowiczów :
    http://gusiatrzyzywioly.blogspot.com

    OdpowiedzUsuń
  18. Bardzo przydatne :D Zapraszam na naszego bloga :) http://weparadiseinearth.blogspot.com/.
    Może wspólna wymiana komentarzami i obserwacja ? : ))

    OdpowiedzUsuń
  19. Przydatny post bo wiele osób nie wie jak coś takiego zrobić :)
    http://myworld-dankaa.blogspot.com/

    OdpowiedzUsuń
  20. Przydatny post ;)
    mogłabyś mi poradzić troszkę w sprawie designu bloga?
    justsayhei.blogspot.com

    OdpowiedzUsuń
    Odpowiedzi
    1. Jasne, bardzo chętnie :)
      Pisz na maila :3

      Usuń
  21. Bardzo przydatny post :)
    obserwujemy? ja już obserwuję ;)
    http://caroline369.blogspot.com/

    OdpowiedzUsuń
  22. Widać, że interesujesz się grafiką... Tobie przychodzi to z taką łatwością, a ja nie wiem co i jak;pp Świetny ten Twój design. :))

    OdpowiedzUsuń
  23. ten post bardzo mi się przyda;)
    obserwuję :)
    pozdrawiam http://ggaabii.blogspot.com/ :)

    OdpowiedzUsuń
  24. ja się wole nie zabierać za to, bo dopiero co dziewczyna zrobiła mi design, a sama nie jestem w tym najlepsza:o ale twój muszę przyznać, że wygląda ślicznie :D i tak świeżo
    obserwuję
    http://toffi-k.blogspot.com/

    OdpowiedzUsuń
  25. piękny blog. <33 design jest cudny. sama go robiłaś? <3
    obserwuję! goals-and-passions.blogspot.com

    OdpowiedzUsuń
    Odpowiedzi
    1. Oczywiście, zawsze sama wykonuję wszystko na bloga. Dziękuję :>

      Usuń
  26. Wyższa informatyka ;d

    http://humanpsychologypolish.blogspot.com/

    OdpowiedzUsuń
  27. Jaki masz świetny design, ja również obserwuję. :) A nie wiesz może jak można wyśrodkować komentarze, żeby napis "Komentarze" był po środku, tak jak tutaj --> KLIK

    Mój blog - KLIK

    OdpowiedzUsuń
    Odpowiedzi
    1. Spróbuj ten kod:
      .column-center-inner {text-align: center; }
      Wyśrodkuje Ci od razu wszystko co w środkowej kolumnie :)

      Usuń
  28. Świetna notka! A twój wygląd: cuuudo <33

    Zapraszam do mnie na konkurs! ;3

    //www.jeden-swiat-dwoch-dziewczyn.blogspot.com

    OdpowiedzUsuń
  29. fajny blog :D
    zapraszam http://music-of-omega.blogspot.com/

    OdpowiedzUsuń
  30. Dzięki za pomoc! ;D

    http://brawn-and-blond.blogspot.com/

    OdpowiedzUsuń
  31. Bardzo pomocna notka! Dzięki wielkie xD

    skreslic.blogspot.com

    OdpowiedzUsuń
  32. Swietny blog. obserwujemy? marcela-marccela.blogspot.com

    OdpowiedzUsuń
  33. Naprawdę przydatne rady i tak po za tym Genialny nagłówek!
    http://mzmzycie.blogspot.com

    OdpowiedzUsuń
  34. bardzo przydatny post ! ;)

    http://marttfashion.blogspot.com/

    OdpowiedzUsuń
  35. Jezu, dziękuje ci za taki post. Bardzo mi się przyda.
    Śliczny świąteczny nagłowek ;)

    magiczna-moda.blogspot.com

    OdpowiedzUsuń
  36. napisałam do Ciebie na email :)
    proszę odpowiedź jak najszybciej!

    OdpowiedzUsuń
  37. oh dziękuje długo tego szukałam♥

    http://livia-liviaa.blogspot.com/

    OdpowiedzUsuń
  38. Szukałam tego od dawna i nie mogłam znaleźć :) Świetny post : **

    http://paulixia.blogspot.com/

    OdpowiedzUsuń
  39. O rany, nawet nie wiesz jak bardzo mi pomogłaś <3 Dzięki :D

    http://julia-and-faskion.blogspot.com

    OdpowiedzUsuń
  40. Mi też pomogło. Dzięki :)
    http://madamelipstick.blogspot.nl

    OdpowiedzUsuń
  41. Wiele się nauczyłam dzięki twojemu blogowi :) Dziękuję.
    http://nikusia01.blogspot.com/

    OdpowiedzUsuń

Komentować może każdy. | Brak weryfikacji obrazkowej.
Komentarze, gdzie będzie przeważał spam będą usuwane.

Copyright © 2017 Borenium - Books and good tea , Blogger
|| Dostosowanie: Klaudia