NÁVOD NA BLOG | Jak mít nadpis článku uprostřed?



Rádi byste měli nadpis příspěvku zarovnaný doprostřed? I na to existuje celkem jednoduchý návod, který najdete níže. Opět bude pasovat především na blogy, které používají šablonu od bloggeru. (U šablon stažených z internetu to bohužel nemusí fungovat, každý bývá nakódována trocho odlišně.)

1. Ze všeho nejdříve si zálohujte původní šablonu. Naučte se to dělat při každé změně na blogu, ušetříte si tak případné trápení. A to cestou Šablona > nahoře vpravo Zálohování / Obnovení > Stáhnout celou šablonu.



2. Následně v záložce Šablona klikněte na Upravit HTML.

3. Klikněte myší do pole s kódem (důležité!) a hledejte přes CTRL+F tento kus kódu
    post-title




    4. Po chvíli hledání byste měli narazit na něco obdobného:
    případně:



    5. A teď stačí vložit před poslední řádek tuto část:
    text-align: center;

    A to by mělo vypadat asi takto:

    případně:

    5. Můžete se překliknout do možnosti Náhled a pokud bude vše OK, zvolit možnost Uložit šablonu



    Jak zarovnat datum na střed

    Nadpis máte zarovnaný na střed, ale datum publikace článku zůstalo napravo. Co s tím? Můžete ho také vycentrovat. Postup je téměř identický jako u zarovnání nadpisu článku, jen vyhledáte jiný kus kódu.

    1. V kódu šablony si najděte část
    .date-header

    Bude to pravděpodobně vypadat nějak obdobně:


    případně:




    2. Opět vložte před poslední řádek část  text-align: center;




    případně:




    3. Podívejte se na Náhled šablony, a pokud budete spokojeni, klikněte na možnosti Uložit šablonu.


    TIP navíc: Jak si přizpůsobit nadpis a datum k obrazu svému?

    V části Šablona se překlikněte do možnosti Personalizovat. Zde zvolte záložku Pokročilé.
    • Barvu názvu příspěvku změníte v části Odkazy
    • Font (typ písma) nadpisu článku změníte v části Název příspěvku
    • Datum si přizpůsobíte v části Záhlaví data


      Podívejte se i na další návody na blog. Třeba se vám bude ještě něco hodit!

      71 komentářů

      1. Jéé, to je super. Ani mě předtím nenapadlo, že bych to chtěla měnit, ale teď jsem to podle tvého návodu zkusila a líbí se mi to. Vše funguje :) Takže moc děkuji :)

        OdpovědětVymazat
        Odpovědi
        1. Já děkuji, žes byla první pokusný králík, který to zvládl na jedničku:)

          Vymazat
      2. Pro zatím jsem si to nechala jak to je, ale tvůj návod posloužil :)

        OdpovědětVymazat
        Odpovědi
        1. Třeba se sejde!:) Pěkný večer!

          Vymazat
      3. Ja diky tvym pondelkum predelala cely blog :-) takze: DIKY ZA NE! JEN TAK DAL :-)

        OdpovědětVymazat
      4. Super, díky! V září jsem se nad tím vztekala tak dlouho, až jsem to vzdala a teď to bylo za minutu hotové:D

        OdpovědětVymazat
        Odpovědi
        1. Mnohdy stačí vědět, jak na to, a je to vyřešeno hned. A to neplatí jen u takových návodů, ale i v životě. Hezký den!

          Vymazat
      5. Miluji tvoje blogger monday ;). Jsi mým velkým učitelem, ikdyž jsem velmi pomalý žák :D

        OdpovědětVymazat
      6. Silvi, cez sviatky som na teba myslela, že už dávno som si u teba nič nové neprečítala a ty ideš rovno so super návodom. Ďakujem, idem vyskúšať.

        OdpovědětVymazat
        Odpovědi
        1. Renato, ty jsi milá! Moc mě tvůj komentář potěšil. Děkuji.

          Vymazat
      7. Už několikrát jsem chtěla umístit nadpis na prostředek článku a nikdy jsem nevěděla, jak na to. Díky ;-)

        OdpovědětVymazat
        Odpovědi
        1. Rádo se stalo, Alizio! Pěkný den

          Vymazat
      8. SILVI, děkuju moc! Už dlouho jsem dumala nad tím, jak to udělat, pořád jsem myslela, že tam bude někde nějaký "čudlík", kterým to změním (jako se mění velikost písma a tááák:-). Vůbec bych se sama neodvážila hrabat do útrob HTML:-) Ještě jednou moc děkuju i za tu tvou úžasnou názornost!:)

        Měj se hezky ;-)
        Veronika

        OdpovědětVymazat
        Odpovědi
        1. Možná, že tam nějaký čudlík je, ale v tom případě o něm také nevím. Ty čudlíku:)

          Vymazat
      9. Jééé super....hned jsem to vyzkoušela a zalíbilo se mi to :)

        OdpovědětVymazat
      10. Super návod, určitě ozkouším, ale teď bych spíš potřebovala poradit, jak dát název blogu na střed? Díky za odpověď :)

        OdpovědětVymazat
        Odpovědi
        1. Zkus tento návod: http://tinyurl.com/bbms8q9
          Já to nedělám jinak, z hlavy tyhle návody neznám, taky se inspiruji (a teď mě napadlo, že jsem zapomněla uvést zdroj, kde jsem ten návod našla, tak dodám:)
          Snad se podaří!
          Pěkný den

          Vymazat
      11. Silvi, si strašně hodná, že si to sem dala.. Já jsem totiž googlovala, googlovala a nikde nic.. tak jsem ti napsala na e-mail a ty si sem ten návod okamžitě dala. Si vážně zlatá :)) škoda jen, že mi to nefunguje :(( nevim proč no :D:(

        OdpovědětVymazat
        Odpovědi
        1. Stáhni šablonu (Šablona - napravo nahoře je zálohování a obnovení - stáhnout celou šablonu), pošli mi to na mail a já to opravím:)
          (mail najdeš napravu v postranní liště:)

          Vymazat
        2. Nalevo:) ach ty mé strany:)

          Vymazat
        3. Děkuji strašně moc. Si vážně úžasná! :-)) I love you anf your blog ;-)*

          Vymazat
      12. Děkuju moc za návod, přesně tohle jsem hledala! :)

        OdpovědětVymazat
      13. Jé děkuji za skvělý návod, někdy se bude hodit :)

        OdpovědětVymazat
      14. ďakujem krásne za radu :) vyšlo, to...:) máš úplne skvelý blog, nechápem prečo som ťa objavila až teraz, ihneď to musím napraviť a stať sa tvojím followerom :)

        OdpovědětVymazat
      15. a ak chcem mať dátum a názov tak blísko seba ako ty a tie čiarky pod nimi? čo mám urobiť?

        OdpovědětVymazat
      16. Diky, diky dikyyyy! Na tohle se snazim prijit uz tak mesic a tohle bych rozhodne NEVYMYSLELA :D

        OdpovědětVymazat
      17. Silvi, rozmilá Silvi, proč mi to nejde? :( Když dám najít ten kód ]]> v CTRL+F, nikdy mi to nenajde. Čím to je? :O

        OdpovědětVymazat
        Odpovědi
        1. Ne, ne, už jsem to zvládla, tak DĚKUJU MOC, moc jsi mi pomohla, jsi úžasně perfektní!

          Vymazat
      18. Jeej ďakujem ti krásne som to tak dlho hľadala :)

        OdpovědětVymazat
      19. nevím proč, ale ten kod mi funguje pouze na datum :( nadpis mi zůstává vždy nalevo :(

        OdpovědětVymazat
      20. mě se ten kod například vubec nechce najít :(

        OdpovědětVymazat
      21. A keď chcem zarovnať Read more.. na stred?

        OdpovědětVymazat
        Odpovědi
        1. Zkus v možnosti: Šablona - Personalizovat - Pokročilé - přidat CSS vložit toto:
          .jump-link {
          text-align: center;
          }

          :-) Snad to půjde! Mně to funguje!

          Vymazat
        2. Áno ide to ďakujem :)

          Vymazat
      22. a ako mám urobiť aby som mala dátum s veľkým písmom? ďakujem za radu

        OdpovědětVymazat
      23. Tohle je nejlepší blog ever!!!!! Fakt jsi skvělá, díky Tobě je blogování mnohem větší radost! :)

        OdpovědětVymazat
      24. Mně to nenašlo ten první kód. :/ Nevíš, kde je chyba??

        OdpovědětVymazat
      25. Díky tobě je blogování mnohem snažší a zábavnější!! ♥♥


        http://meow005.blogspot.cz/

        OdpovědětVymazat
      26. Děkuju, moc! Moc mi to pomohlo! A v poslední době furt chodím na tvůj blog, je skvělý !!!!

        http://photobyanni.blogspot.cz/

        OdpovědětVymazat
      27. Moc pěkný nápad, ale když jsem byla 3. kroku a zadala to vyhledávání tak mi to tam nic nenašlo:'(

        OdpovědětVymazat
      28. Odpovědi
        1. Bohužel návody na tomto blogu jsem zastaralé. Na aktualizacích se začíná pracovat, ale díky tomu,že jsem časově velmi vytížená, to půjde pomalu. Zkus zadat do Google "How to centre title in blogger", mělo by se Ti vyhledat několik návodů. Jinak bohužel nemohu poradit. Měj se hezky! Silvi

          Vymazat
      29. Holky, změna je pravděpodobně v tom, že nemůžete vyhledávat CTRL+F (tedy ve vyhledávači pro web) ale musíte kliknout do pole HTML kodů a pak teprve zmáčknout CTRL+F (otevře se vám okno pro vyhledáváni v kodech) tak vám to ty potřebné znaky najde, jinak mi to nefungovalo.. Dlouho jsem nad tím bádala a kdybych to tu špatně vysvětlila, klidně se ozvěte :-)

        OdpovědětVymazat
        Odpovědi
        1. to je dobrá poznámka pro natvrdlé jako já :D hurá povedlo se

          Vymazat
        2. Také díky za poznámku, díky tomu jsem na to přišla:)

          Vymazat
        3. Další natvrdlík děkuje Kristine za poznámku, že před zmáčknutím CTRL+F se musí kliknout do HTML :-). Taky mi to nejdřív nešlo:-). Díky ještě jednou:-).

          Vymazat
      30. Silvi, děkuji za tvé návody, právě jsem zvládla tento a chystám si díky tobě zlepšit i další články. Mockrát díky!!!!

        OdpovědětVymazat
      31. Mne to zial nevie vyhladat ten kod, ani ked kliknem do HTML ramceka, vzdy mi pise, retazec nebol najdeny hm...

        OdpovědětVymazat
      32. Ahoj, zkoušela jsem to dnes, ale vůbec nic se nestalo. :( Kdybys měla čas na aktualizaci, bylo by to super. Předem díky moc! :)

        Ela

        OdpovědětVymazat
      33. Děkuji za skvělý blog, který pomůže mnoha blogerkám. Za všechny velké díky!

        OdpovědětVymazat
      34. Ahojky! když bych chtěla mít nadpis v BOLD, tak stačí místo toho align center zadat něco jako bold? :D já bojuju s tím, že mi přijde, že nadpisy na mým blogu jsou trochu nevýrazný, tak moc nevím, co s tím...
        www.travelwithgeorgie.com

        OdpovědětVymazat
        Odpovědi
        1. Já jsem taky pako. Vždyť to je tak jednoduchý v tý šabloně :D tak už to mám :)

          Vymazat
      35. Jsi skvělá!! Moc díky! Pomohlo mi to jak hrom :)

        Little Ann

        OdpovědětVymazat
      36. Máš úžesný blog se skvělími články....jen bych se chtěla zeptat kdy bude tento návod obnoven?? :)

        OdpovědětVymazat
        Odpovědi
        1. Ahoj Natysko, bohužel nemohu konkrétně nic říct.

          Pokud chceš s něčím poradit (třeba právě s tímto), obrať se prosím na mě na mailu designsilvi@gmail.com. To bude jistější. :-)

          Vymazat
      37. Ak vám to nejde, tak sa to dá spraviť aj cez Šablóna- Prispôsobiť- Pridať CSS a vložíte
        a.) pre zarovnanie nadpisu na stred: #Blog1 > div.blog-posts.hfeed div > h3 {text-align: center;}
        b.) pre zarovnanie dátumu na stred: #Blog1 > div.blog-posts.hfeed div > h2 {text-align: center;}

        Dúfam, že to niektorým pomôže :)

        OdpovědětVymazat
        Odpovědi
        1. Super, moc děkuji :)
          a náhodou tip, jak zarovnat na střed název blogu ?? :)

          Vymazat
      38. Ahoj Silvi, vzhledem k tomu, že jsem ve fázi překopávání a zvelebování mého blogu, trochu jsem googlila a narazila na tvé úžasné stránky ♥. Něco málo sice o html kódech vím, ale hrabat přímo do šablony blogu by mě nikdy nenapadlo... teda až do dneška :D. Díky tomuto úžasnému návodu jsem právě nastavila datum i text nadpisu na střed, nastavila si děkovný text ke komentářům. Na střed jsem šoupla read more a právě se chystám ho vyměnit za obrázek. Takže snad se podaří.

        Ještě jednou díky za tyto naprosto úžasné návody, hned je blogování zábavnější :-)

        OdpovědětVymazat
      39. Tvoje návody jsou prostě TOP ♥♥♥ Moc díky!!!

        OdpovědětVymazat
      40. s tím přizpůsobením data už to ted tak asi není, protže takovou nabídku tam nemám :(

        OdpovědětVymazat
        Odpovědi
        1. Jestli to nejde, jděte na Šablona -> Přizpůsobit -> Přidat CSS a vložte

          pro zarovnání nadpisu na střed: div.blog-posts.hfeed div > h3 {text-align: center;}

          pro zarovnání datumu na střed: div.blog-posts.hfeed div > h2 {text-align: center;}

          Vymazat

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