Porady blogowe ||

Hej kochani!
Tak powróciłam po długiej przerwie, nie pisałam nic bo byłam (jak i jestem) chora... Zauważyliście jak ciepło na dworze ?U mnie dochodzi już do 13*C.
Przechodząc do tematu notki to :
1.Jak zrobić by nagłówek bloga znajdował się w tym miejscu? :



 A więc wykonujemy to tak:
 Wchodzimy w układ na bloggerze:

Następnie klikamy "Dodaj gadżet " w lewej/prawej kolumnie:
Klikamy "Obraz"

UWAGA!:Potrzebujemy do tego nagłówka  jeżeli wasz blog cały ma w szerokości 1200pikseli to prawa/lewa kolumna powinna wynosić 350pikseli a szerokość postu 850pikseli, obraz który będziemy wklejać musi mieć w szerokości 850pikseli.

A- W miejsce tytułu wpisujemy kropkę
 B-Wklejamy link do naszego bloga
C-wklejamy swój nagłówek (tam mam ten co wcześniej pokazałam bo swojego nie mogłam znaleźć)
D- NIE ZMNIEJSZAMY SZEROKOŚCI OBRAZU!
E- zapisujemy
Klikamy "Zapisz Ustawienia" i na naszym blogu powinien pojawić się nagłówek , obok kolumny bocznej (tak jak na moim blogu)

KODY CSS ,KTÓRE SĄ BARDZO PRZYDATNE!
.header { height: 20px;} - Ustawienie wysokości nagłówka
h3.post-title {text-align: center;} -wyśrodkowanie posta

h2.date-header {text-align: center;}- wyśrodkowanie tytułu posta (?)
.sidebar .Image .widget-content {
text-align: center;
}  -wyśrodkowanie gadżetów 

.column-right-inner {text-align: center; } -Wyśrodkowanie prawej
kolumny

 .post-footer {text-align: center; } -wyśrodkowanie czcionki w poście
 .column-left-inner {text-align: center; } -Wyśrodkowanie lewej kolumny 

Polecam wszytskie kody CSS wklei od razu do nagłówka:

 .header { height: 20px;}
h3.post-title {text-align: center;}
h2.date-header {text-align: center;}
.sidebar .Image .widget-content {
text-align: center;
}

.column-right-inner {text-align: center; }

 .post-footer {text-align: center; }
 .column-left-inner {text-align: center; }
  

Najlepiej jeżeli macie kolumnę boczną po lewej stronie. :)
W tym poście chodziło mi żeby pokazać wam jak zrobić taki nagłówek jaki ja mam i jakich kodów CSS do tego użyłam :)


16 komentarzy:

  1. Bardzo przydatne rady :)
    http://paulinkaa-blog.blogspot.com/

    OdpowiedzUsuń
  2. super przydatne porady! Wreszcie chyba ogarnęłam te wszystkie kody :)))

    http://alexandrinemarie.blogspot.com/

    OdpowiedzUsuń
  3. Bardzo przydatny post , podoba mi się;) Pozdrawiam

    http://loveilivesiforever.blogspot.com

    OdpowiedzUsuń
  4. Przyda się! Kiedyś szukałam jak to zrobić :)
    zapraszam na konkurs u mnie na blogu :)

    OdpowiedzUsuń
  5. Pomocna notka :)
    Mam pytanie a znasz kod Css na przybliżenia nagłówka do posta :)
    Jakbyś wiedziała daj znać na blogu wszędzie szukam i nigdzie nie mogę znaleść
    albo zmiane w html
    Zapraszam
    .
    http://paulinkq-my-life.blogspot.com

    OdpowiedzUsuń
    Odpowiedzi

    1. .header { height: 20px;}
      Tyko 20px zmieniasz na inna wysokość :P

      Usuń
  6. świetne rady!
    http://jagodzianka2002.blogspot.com/

    OdpowiedzUsuń
  7. Dziękuję <3 świetnie wytłumaczone <3
    www.blog017.blogspot.com <3

    OdpowiedzUsuń
  8. Jak tylko w końcu znajdę czas na stworzenie nagłówka z pewnością skorzystam z Twojej porady :-) dzięki :)!

    OdpowiedzUsuń
    Odpowiedzi
    1. Proszę :* niedługo kolejna część!

      Usuń
  9. świetne porady, sama skorzystałam i coś ogarnęlam. A Twoj nagłowek i wygląd blog jest obłedny !
    http://xxkingaa.blogspot.com

    OdpowiedzUsuń

☆Dziękuję za obserwację i komentarze :)
☆Odwiedzam każdy blog pozostawiony w komentarzu
☆Proszę nie pisz komentarza typu " Fajny Blog, obserwujemy ? (itp.)" , bo to świadczy o tym, że nie przeczytałeś/aś posta i chcesz się tylko zareklamować.