NÁVOD NA BLOG | Jak odstranit header


Na e-mail mi chodí desítky dotazů na téma jak odstranit úvodní obrázek (říká se mu header) a mít logo na straně, jako to mám já. Připravila jsem jednoduchý návod, který by vám měl pomoci. Postupujte krok za krokem a mělo by se to povést. Pojďme se podívat, jak na to!

Jak skrýt header

1. Šablonu zálohujte 

Naučte se vždy, když saháte do vzhledu svého blogu, automaticky zálohovat šablonu. Zabere vám to sotva dvě minuty a může zachránit klidně celý blog!

V záložce Šablona máte v pravém horním rohu možnost Zálohování/Obnovení. Klikněte na ni a zvolte Stáhnout celou šablonu a uložte do počítače.

2. Přejděte do možnosti Personalizovat

V záložce Šablona zůstaňte. Klikněte na Personalizovat. Přesměrujete se do Návrháře šablon. Zvolte možnost Pokročilé a z nabídky vyberte Přidat CSS (bude to až na konci seznamu)



3. Napište správný CSS kód

Do prázdného pole napište tento kód. Header by měl automaticky zmizet.

.header
{
display:none;
}




Zde může nastat malý zádrhel. Některé šablony (zejména ty stažené z internetu) mohou mít - velmi laicky řečeno - jiný název úvodního obrázku či textu. Proto třeba tento první tip nemusí fungovat. Vyzkoušejte proto zaměnit za .header (první řádek v kódu o pár řádků výše) tyto možnosti:

  • .header h1
  • .header-wrapper
  • .h1.site-title

A sledujte pod tabulkou v živém náhledu změny. Povedlo se? Výborně!
Nepovedlo? Napište mi a vyřešíme to společně. :)

4. Změny uložte

V Návrháři šablon máte nahoře vpravo možnost Použít na blog. Klikněte na ni. Tímto se automaticky změny propíšou do kódu.

Jak nastavit logo na stranu

Logo (obrázek, header - jak je libo) vložíte do postranního boxu jako obrázek.

1.      Zvolte záložku Rozvržení

2.      Vyberte možnost Přidat gadget



3.      Vyberte možnost Obrázek a vyplňte zvýrazněné části.


Co vyplnit u obrázku:
  • Nadpis: Bez vyplnění tohoto pole vám změny nepůjdou uložit. Pokud nechcete mít žádný nadpis (titulek nad obrázkem - někdo mívá nadpis blogu, jiný třeba Vítejte na blogu), nemusíte to řešit složitě kódováním. Stačí do tohoto pole zkopírovat toto: <!– –>
  • Odkaz: Použijte webovou stránku svého blogu. Kliknutím na obrázek se člověk automaticky dostane zpátky na hlavní stránku vašeho blogu.
  • Obrázek: Nahrajte obrázek - buď z počítače, nebo vložením odkazu z webu (v tom případě mívá odkaz koncovku .jpg či .png)
    • Je dobré obrázek hned nahrát ve správné velikosti - malý tahák je ta větička "Obrázek bude zmenšen na šířku ___ px"). Sice můžete zaškrtnout možnost, že se vám obrázek automaticky zmenší, ale může to znamenat horší kvalitu.

4. Vše uložte

Jakmile vyplníte všechna pole, klikněte na možnost Uložit a pak změny ještě v části Rozvržení potvrďte tlačítkem nahoře vpravo - Uložit uspořádání.

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

23 komentářů

  1. Jsi uplně nejskvělejší Silvi. Děkuji! :)

    OdpovědětVymazat
  2. Jsi uplně nejskvělejší Silvi. Děkuji! :)

    OdpovědětVymazat
  3. Tak moc Ti závidím tenhle krásný blog.. Dokážeš si ho skvěle vyšperkovat, já na to nemám nervy a s blogspotem neumím vůbec pracovat :-D díky Bohu za tebe :))

    OdpovědětVymazat
  4. Tak moc Ti závidím tenhle krásný blog.. Dokážeš si ho skvěle vyšperkovat, já na to nemám nervy a s blogspotem neumím vůbec pracovat :-D díky Bohu za tebe :))

    OdpovědětVymazat
  5. Tak moc Ti závidím tenhle krásný blog.. Dokážeš si ho skvěle vyšperkovat, já na to nemám nervy a s blogspotem neumím vůbec pracovat :-D díky Bohu za tebe :))

    OdpovědětVymazat
  6. Ahojky :) Mě to bohužel nic nedělá, i když to tam napíšu, tak header tam stále je. Kdykoli to zkusím jinak, tak se nic nestane, jelikož se ta šablona sama zase opraví... :/

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

    OdpovědětVymazat
  8. Ako mám vymazať hlavičku? :)

    OdpovědětVymazat
    Odpovědi
    1. Ano taky to nevím.. jak máme vymazat hlavičku prosím??

      Vymazat
  9. Tento komentář byl odstraněn autorem.

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

    OdpovědětVymazat
  11. wow děkuju ani nevíš jak mi to pomohlo, protože miluju minimalistický styl

    OdpovědětVymazat
  12. Moc jsi mi pomohla ! Děkuji ti moooc :-)

    OdpovědětVymazat
  13. škoda, že jsem si to o tom zálohování nepřečetla :( vymyzal se mi nadpis ze záhlaví a nemám ani header na straně, jak to vrátit zpátky? :((

    OdpovědětVymazat
  14. Já mám takový problém...Jakmile chci dát obrázek musím zde mít nadpis nevíš jak to přelstít?

    OdpovědětVymazat
  15. Začal jsem s blogem, ale byla jsem úplně ztracená! :( tohle mi neuvěřitelně pomohlo! :) moc děkuji a pokud chceš, určitě koukni ke mně, budu ráda za každé shlédnutí. Laura

    OdpovědětVymazat
  16. Mohla bych se Tě prosím zeptat, jestli u bodu 3 mám napsat ten kod pod všechny tři, jeden či dva? Děkuji :)

    OdpovědětVymazat
  17. Ahoj, prosím jak zarovnám obrázek??? Třeba do leva ? díky moc

    OdpovědětVymazat
  18. Ahoj, řídím se tvými návody, které mi moc pomáhají a moc bych tě prosila, abys se koukla na můj blog. Nevím si rady stou tabulkou: Enter Slide 1 Title Here. Šablona je stažená a vážně nevím co dál. Děkuji moc :)
    http://curlyhairss.blogspot.cz/

    OdpovědětVymazat
    Odpovědi
    1. Když by ti nefungoval odkaz, tak je to curlyhairss.blogspot.cz :)

      Vymazat
  19. Skvělý návod, pomohl mi :) Děkuji :)

    OdpovědětVymazat

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