Jak na to: kompletní web zdarma od Googlu

Zaplatíme si jenom doménu a pak už budeme využívat výhradně zdarma dostupných služeb Googlu. Cílem je vlastní blog, magazín, osobní stránka či atraktivní webová galerie. Se vším všudy.
Kapitoly článku

Česky a přesně podle svého

Vybranou šablonu stáhnete ve formátu XML, pro její pohodlnou editaci proto budeme potřebovat nějaký XML editor, třeba volně dostupný XMLPad. Odkud jste šablonu stáhli, tam je k vidění i demo. Spusťte si ho a sledujte, co chcete změnit. Určitě se nevyhnete překladům některých prvků z angličtiny, mnohdy se tato procedura neobejde bez výměny grafických prvků (typicky tlačítka pro vyhledávání s popiskem „Search“).

Pusťte se do úprav dle svých možností a znalostí, pokud si nejste při editaci šablony jisti, omezte se jen na vyhledání anglických výrazů z demoverze šablony a jejich náhradou českými překlady. Pokud se pustíte do náhrady obrázků, načtěte ty nové jako běžné obrázky při tvorbě nového článku, který pak necháte skrytý, případně ho můžete zcela vymazat. Obrázky se tím ale přímo uploadují na server Googlu a získáte k nim přímou cestu, kterou budete potřebovat do šablony. Na obrázky tedy nepotřebujete žádný vedlejší hosting.

Blogger 9.png Blogger 11.png  Blogger 10.png Blogger 12.png
Vybral jsem si šablonu, ale tlačítko pro vyhledávání chci s českým popiskem • proto si jej vyrobím a nahraju jako běžný obrázek do příspěvku • z kódu příspěvku zkopíruji cestu k obrázku a vložím na patřičné místo do šablony • a je to 
Blogger 4.png Blogger 5.png Blogger 6.png
Překlad texů je triviální: najděte text, který chcete přeložit • vyhledejte ho v kódu šablony a nahraďte českým překladem • a je to

Upravenou šablonu pak můžete nahrát na Blogger, a to na záložce Rozvržení a podzáložce Upravit HTML. Po nahrání pak můžete upravovat základ kódu i bez editoru, změníte zde například položky menu, patičku, případně písma, barvy a další drobnosti. Je to už ale méně přehledné.

Blogger 7.png Blogger 8.png
Úpravu nabídky už můžete ladit přímo ve webovém prostředí pro editaci šablony • přeložená šablona je připravena na ostré nasazení

S vlastní šablonou se každopádně zbavíte typické lišty Bloggeru. Jediným pozůstatkem zůstává zpravidla zmínka v patičce, nicméně zde je možné uvést pouze autora šablony (dle Copyrightu).

Favicon na Bloggeru: jde to...

Když už jsme v editoru kódu, vyřešíme zde další maličkost – favicon. Malá ikonka zobrazovaná v záhlaví karty prohlížeče má standardně podobu sytého oranžového B, což je logo Bloggeru. Změníte ji přidáním následujícího kódu před tag </head> v kódu šablony:

<link href='vaseuloziste/vasefavikona.ico'  rel='shortcut icon' type='image/x-icon'/>

 

Přiohýbáme si tu službu zdarma, která není dokonalá, proto je tu malý zádrhel. Favikona musí být ve formátu ICO, který ale neuložíte jako obrázek do nového příspěvku a nemůžete tedy využít hostingu přímo od Googlu. Ten sice nabízí možnost nahrát jakékoli soubory do svého prostoru prostřednictvím Google Docs, ale nedává k nim přímé URL, kterou v tomto případě potřebujeme. Chce to tedy bezplatný filehosting s přímým přístupem k souborům, což je např. Sigmirror.com. Pro převod obrázku do formátu ICO můžete použít třeba online coverter.

Favico.png  Faviko Chrome.jpg
Favikona sladěná s webem (Firefox) • Chrome je jediný prohlížeč, který bude prozrazovat Blogger na pozadí a náhradní ikonu nezobrazí

A nakonec publikovat a vydělávat

Blogger je připravený především na weby s průběžně doplňovaným obsahem ve stylu blogů či magazínů. Ovšem využít ho můžete i pro statické stránky. Pochopitelně však nemůžete čekat, že si na Bloggeru otevřete e-shop.

Věnujte pozornost možnostem nastavení v Bloggeru. Jsou tu užitečné volby jako počet příspěvků na stránce, formátování časových značek, moderování a umístění komentářů, nastavení RSS, správa autorů webu a podobně.

Vyřádit se pak můžete při skládání webu. Do připraveného rozvržení můžete libovolně umisťovat jednotlivé prvky stránky. Je jich k dispozici nespočet, a to ve formě konfigurovatelných widgetů. Jsou tu i prázdné widgety pro zadání libovolného kódu, což se hodí například pro vkládání embedovaných prvků.

Tip: pokud vámi vybraná šablona neobsahuje vyhledávání, vložte si widget s vlastním vyhledáváním

Publikovat pak můžete prostřednictvím webového rozhraní, ale třeba také prostým e-mailem (včetně obrázků) nebo nepřekonatelným Windows Live Writerem. Dostupné API dalo za vznik i alternativám Windows Live Writeru pro jiné systémy (výborný je například Blogo pro Mac), nicméně na Windows nemá smysl používat něco jiného. Hodit se pak mohou mobilní aplikace pro publikování přímo z terénu, existuje jich opět několik (na iPhonu se nejvíce osvědčil BlogPress).

Live Writer.jpg
Windows Live Writer je bezesporu nejlepší program pro blogování

Díky dostupnosti kódu šablony si na svůj blog snadno nasadíte měřící statistiky Google Analytics. Když se u této služby zaregistrujete, získáte unikátní měřící kód, který musíte vložit na své stránky. Stačí jej vložit před tag </head> ve vaší šabloně a protože se jedná o šablonu, bude automaticky měřeno vše. Získáte tak statistiku návštěvnosti každého příspěvku.

Jakmile získáte návštěvnost, je na čase začít vydělávat. Blogger přímo vybízí k nasazení systému kontextové reklamy Google AdSense. Stačí se zaregistrovat a počkat na svůj první šek. Samotné reklamní prostory definujete vložením kódu z AdSense do příslušného pole. Reklamu můžete vložit také přímo jako předpřipravený widget nebo ji aktivovat ze záložky Zpeněžit.

Více prostoru? 20 GB za pět dolarů ročně

Pro potřeby blogu dostanete gigabajt prostoru pro ukládání obrázků, který je provázaný se službou Webová alba Picasa. Kdyby vám byl gigabajt málo, upgrade na 20 GB stojí jen 5 dolarů ročně. Za více peněz si můžete dopřát až 16 TB. Když už je řeč o Webových albech Picasa, je to ideální prostor pro umístění většího množství fotografií či obrázků. Pro náš účel je ovšem značnou nevýhodou, že nemůžeme definovat design stránky fotoalaba a umístit ho na vlastní poddoménu (např. album.jmenodomeny.cz).

Google ucty.png
Ceník Googlu za nadstandardní úložiště

Pokud se rozhodnete publikovat videa, jednoduše využijte hosting na YouTube a na svou stránku je vkládejte embedovanou formou. A co ostatní soubory? Na ty můžete použít obecné úložiště v rámci Google Docs. Opět je tu gigabajt zdarma a dvacet za pět dolarů. Jeden soubor může být až 1024 MB velký.

Webem to nekončí

Samotný web ale není všechno. Když už máte svůj web na vlastní doméně, chce to také e-mail na vlastní doméně. Vystačíme si opět s Googlem, který nabízí bezplatnou verzi Google Apps, což je Gmail a další služby provozované v rámci vlastní správy, případně domény. Můžete mít hned několik aliasů či domén pod jedním účtem a každý alias má schránku s kapacitou přes 7 GB. Fungují zde všechny poštovní protokoly, za příplatek i push-synchronizace kontaktů, kalendáře a e-mailu s Outlookem, push synchronizace s iPhonem a jinými mobily je dostupná bezplatně.

K webu také často patří diskuzní fórum. Etalonem je zde phpBB, ale my se dnes chceme obejít bez hostingu a využít nabídky služeb Googlu. To co hledáme se jmenuje Skupiny Google a je to klasické diskuzní fórum, kde si vytvoříte skupinu (založíte fórum) a v ní jednotlivá témata diskuzí. Diskuzní stránku si můžete bohatě přizpůsobit jak z hlediska funkcí, tak po barevné stránce. Snadno ji tedy přizpůsobíte svému webu. V rámci fóra můžete sdílet soubory nebo vytvářet jednoduché stránky. PhpBB to není, ale možností to skýtá zajímavé.

Nečekejte dokonalost

Postavit web na službách Googlu jde a bude vás to stát jenom doménu. Ale pochopitelně se vydáte na cestu plnou kompromisů. Nejste zcela „ve svém“ a často se musíte přizpůsobit. Ovšem jako prostředek pro osobní blog, fandovskou galerii, stránky nějakého klubu, atp. je toto řešení celkem ideální. Nemusíte se starat o zálohy a aktualizaci administračního systému, pouze si web jednoho dne vytvoříte a nastavíte, dále už jen publikujete. Žádná konkurence mezi volně dostupnými blogovacími službami takové možnosti nenabídne.

Tip na závěr: máte-li chuť blogovat, ale nechce se vám vytvářet vlastní blog a usilovně lovit každého čtenáře, zkuste blogy na Živě.cz

Témata článku: , , , , , , , , , , , , , , , , , , , , , , , ,