BLOGGER Monday - jak na header?

Možná návod, který dneska představím, nebude něčím novým a zvládli jste to úspěšně  "po svém". Třeba se ale najde někdo, kdo má svůj header nalevo a marně přemýšlí, jak ho dát doprostřed stránky! A pro toho je tu i v novém roce  BLOGGER Monday:)



Vypustíme-li možnost, že header bychom v nějakém grafickém programu jakkoliv zvětšovali na celkovou šířku blogu, máme před sebou úkol hodný ... mistra? Ale kdepak! Ve třech bodech Vám poradím, jak dát svůj header doprostřed! A je to TAK SNADNÉ!

1. Nejdůležitějším bodem je najet do  Návháře šablon! Protože tam se budou dít všechna kouzla. 

Máte-li klasické (staré) rozvržení, cesta je následující - v řídícím panelu klikněte na Design.  Jakmile se tam dostanete, třetí položku v horizontálním menu bude tvořit místo, které hledáme, tedy Návrhář šablon!

Máte-li nové rozvržení, jděte na to přes Šablonu a Personalizovat!

2. Potom už se dostanete do Návrháře šablon, zvolíte možnost Pokročilé a Přidat CSS
Do volného pole napíšete:

.header-outer {
margin-left:90px;
}

Jak píšu v obrázku, velikost px ( v tomto případě 90) určuje pozici headeru. Zvolíte-li menší číslo, bude více nalevo. Větší číslo naopak způsobí, že bude více napravo. Vždy se řiďte svým pocitem!

bude to vypadat takhle:

3. A pak už jen stačí Použít na blog! Voilá! :))


Budete-li mít jakékoliv problémy, napište mi na mail (je napravo!)

Návod může být zastaralý. Na jeho aktualizaci se pracuje.
Prosím o trpělivost. Děkuji moc. Silvi

24 komentářů

  1. Tento komentář byl odstraněn autorem.

    OdpovědětVymazat
  2. tvůj blog je strašně mooooc bezvadný! krásný! a růžový- ááách :D

    OdpovědětVymazat
  3. ja som to spravila presne tak ako si napísala... header mám na celú šírku blogu :D takže teraz toto nebudem skúšať.. ale teším sa že sa to tu objavilo, dúfam, že budeš s blogger monday pokračovať :) veľakrát mi tvoje návody pomohli

    OdpovědětVymazat
  4. je takový lososový spíš :D:D mě to spíš přijde jako taková světle oranžová :D:D já si dělám srandu, je nádhernej moc :))))

    OdpovědětVymazat
  5. super návod, jednoduché, odskúšané a funkčné!:)

    OdpovědětVymazat
  6. Mám radost, že se vám líbí:) Občas je těžké trefit se do noty tak, aby se hodil co největšímu počtu mého čtenářstva.

    Domčeku, tak to nevím, kde je problém :) Ale jak jsem se dívala na blog (je moc krásný!!!), tak je všechno v pořádku, tak snad si to dala případně do původního stavu :)

    Mějte se krásně!

    OdpovědětVymazat
  7. super že si to sem dala..ja som s tým tiež dlho zápasila:))

    OdpovědětVymazat
  8. Silvi, ďakujem za super návod, úspešne som zaplikovala a zase to mám o čosi krajšie :)

    OdpovědětVymazat
  9. to se bude hodit při další přestavbě blogu, takže díky! :) a upřímně, i na tvém blogu je vidět, že máš zájem o design apod., protože tohle jeden z nejstylovějších blogů, tedy dle mého skromného názoru ;)

    www.kavarenskapovalecka.blogspot.com

    OdpovědětVymazat
  10. Sisi, Renatko i Martino - boží!! Mám radost, že se vám to hodilo. To mě potěší nejvíce - když vidím, že to někdo zkusil. Těším se s ním.

    Lucio, ahoj!Moc jsi mě potěšila! O design se skutečně zajímám a webdesignem bych se jednou ráda živila, naplňuje mě to. Ale mám před sebou ještě dlouho, předlouhou cestu. Děkuji za milý komentář a měj se moc hezky. A užívej kavárenského povalování:)

    OdpovědětVymazat
  11. Výborný návod. Bude sa mi čoskoro hodiť, pretože sa chystám nahodiť trochu "domáckejší" design, než mám teraz. :) Idem pozrieť, aké návody tu ešte máš..

    OdpovědětVymazat
  12. Prosím poradíš mi jak mám najet do návrháře šablon?

    OdpovědětVymazat
  13. Super. Ďakujem, dosť mi to pomohlo :))
    http://fashiondanka.blogspot.com/

    OdpovědětVymazat
  14. Doporučuji velikost zadávat v procentech potom se záhlaví posouvá podle velikosti monitoru, pokud to zadáte v pixelech tak třeba malinký monitor záhlaví bude mít hodně na straně a velký ve porstřed.

    OdpovědětVymazat
  15. Tento komentář byl odstraněn autorem.

    OdpovědětVymazat
  16. Ahojky Silvi už zkouším druhý návod od tebe a opět mi s bloggem nic neudělal :(
    Je to tím, že nemám doménu? Nebo někde musí být chyba ?
    Děkuji předem za odpovědi

    OdpovědětVymazat
    Odpovědi
    1. Ahoj, určitě to není tím, že nemáš doménu. Jen některé šablony jsou holt jinak "napsané" a tento příkaz na ně bohužel nefunguje. Pošli mi e-mail (mám ho v záložce Kontakt) s odkazem na tvůj blog a podívám se na to :)

      Měj se ehzky
      Silvi

      Vymazat
  17. Ahojky, byla bych ti moc vděčná za tvou radu. Header se mi povedlo dostat na střed stránky,ale neumím si poradit s tím, když tam chci vložit fotku. Když jí tam vložím, tak header mám někde uprostřed fotky a potřebovala bych mít název blogu pod nebo nad fotkou.Dokázala by jsi mi prosím poradit? Předem děkuji. Nikol

    OdpovědětVymazat
  18. Ahoj Silvi, moc děkuju za všechny rady, ale opět se se mnou počítač nekamarádí :D Udělám všechno podle návodu, kliknu na 'Použít na blog', ukáže se mi 'šablona byla použita', ale vůbec nic se nezmění :(

    OdpovědětVymazat
    Odpovědi
    1. Ahoj Vaneso,
      může se stát, že návod bohužel na tvou šablonu nesedí. Zvlášť, když si blogeři stáhnout šablonu z internetu, je to pojmenování jednotlivých částí webu mnohdy odlišné. Klidně se mi ozvi na mail (designsilvi na gmail.com) a podíváme se na to individuálně. Ale všimla jsem si, že header zarovnaný na střed máš - nebo se mi to jen zdá?

      Měj se hezky
      Silvi

      Vymazat
  19. Ahoj, tvůj blog je opravdu senzační! Díky za všechny tipy. Mám jeden dotaz ohledně názvu blogu. V počítači je název webu tak, jak si přeji (tedy vybraným fontem), ale v mobilní verzi je nějakým předem nastaveným fontem. Jak to prosím pro mobilní verzi změním? Nebo musím namísto textového názvu vložit obrázek? Moc ti děkuji.

    OdpovědětVymazat
  20. Ahoj Silvi,
    moc pěkný blog. Mám akorát problém s tím svým. Snažím se použít tvé návody, ale vůbec mi nefunguje řáde na přidávání CSS. Když tam přidám nějaký kód (třeba tenhle - na posunutí headru), dám uložit, tak se nic nestane. Jako motiv jsem použila jeden z těch původních od blogspotu. Začínám, blog je úplně prázdný, nejdříve jsem si chtěla vyhrát s designem.
    Nevíš, čím by to mohlo být? Že CSS řádek nefunguje?
    Díky moc za odpověď.

    OdpovědětVymazat

Děkuju za vaše komentáře. Děláte mi velkou radost! ♥