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!