Jak přidat banner do blogu Blogger

Přidání banneru na vaše stránky Blogger může být užitečné při generování příjmů z reklamy pro váš blog nebo pro výraznější představení vašich vlastních produktů a služeb. Blogger neobsahuje možnost rozvržení pro vložení samostatného horního banneru nad název blogu, ale můžete si jej vytvořit sami s menší úpravou kódu HTML vašeho blogu. Pokud chcete přidat pouze banner obrázku namísto názvu blogu nebo za nadpis v oblasti záhlaví, je proces mnohem jednodušší a nevyžaduje žádnou úpravu kódu.

Nahoře vytvořte nový prvek banneru

Přihlaste se ke svému účtu Blogger a kliknutím na název svého blogu získáte přístup k jeho administrativním ovládacím prvkům.

Vyberte kartu „Šablona“ a poté klikněte na „Upravit HTML“. Získáte přístup ke kódu, který řídí rozložení vašeho blogu.

Klikněte na nabídku „Přejít na widget“ a poté vyberte „Hlavička1“. Blogger přeskočí na sekci kódu, která ovládá záhlaví vašeho blogu.

Přejděte o několik řádků nahoru, dokud nenajdete následující kód:

Změňte hodnotu „maxwidgets“ na „2“ a změňte hodnotu „showaddelement“ na „ano“. Řádek kódu by nyní měl vypadat takto:

Uložte změny kliknutím na tlačítko „Uložit šablonu“. Blogger vytvoří v horní části blogu nový prvek rozvržení, který můžete použít k vložení banneru.

Přidejte obrázek banneru k novému prvku

Klikněte na kartu „Rozvržení“ a poté v novém prvku rozložení v horní části stránky klikněte na „Přidat miniaplikaci“.

Ve vyskakovacím okně vyberte možnost „HTML / JavaScript“.

Vložte kód widgetu banneru dodaný inzerentem do pole Popis. Případně můžete použít vlastní obrázek banneru zadáním následujícího kódu do pole Popis, kde „ImageURL“ představuje odkaz na váš soubor obrázku:

Kliknutím na „Uložit“ se vrátíte na obrazovku Rozvržení a kliknutím na „Zobrazit blog“ zobrazíte nový banner.

Nahraďte záhlaví obrázkem banneru

Přihlaste se ke svému účtu Blogger a klikněte na název svého blogu.

Vyberte kartu „Rozvržení“, abyste zobrazili rozvržení blogu, a poté klikněte na odkaz „Upravit“ v prvku Záhlaví v horní části rozvržení.

Klikněte na tlačítko „Procházet“ a poté dvakrát klikněte na soubor obrázku, který chcete použít jako banner.

Vyberte jednu z možností umístění a určete, jak bude váš banner interagovat s názvem a popisem vašeho blogu. Vyberte možnost „Za nadpisem a popisem“ a umístěte obrázek banneru na pozadí tak, aby nadpis a popis zůstaly viditelné. Chcete-li nadpis a popis nahradit bannerem, vyberte možnost „Místo nadpisu a popisu“.

Kliknutím na „Uložit“ se vrátíte na obrazovku Rozvržení a kliknutím na „Zobrazit blog“ zobrazíte nový banner.

Tipy

Pokud používáte vlastní soubor s obrázkem banneru v horní části blogu, zvětšete obrázek tak, aby odpovídal šířce obrazovky. Obecně by bannery služby Blogger neměly mít šířku větší než 758 pixelů.