Klikací "Přesunout se na začátek"

Tahle vymoženost se bude hodit hlavně blogům s mnoha příspěvky na jedné stránce. Tuhle funkci má třeba Tumblr - místo pracného scrollování zpátky nahoru můžete kliknout na šipku v rohu stránky a jste na začátku dřív, než řeknete popel.

A jak na to?

Header vypadá šedivě?

Dnešní návod není ani tak návod jako šikovný tip.

Vlastně je to až směšné. Jakožto zastánce minimalismu a černobílých barev jsem si často vyrobila černobílý header, který na blogu po nahrání vypadal podivně našedle a rozpatlaně. Asi nemusím říkat, jak moc mě to frustrovalo. Nechápala jsem, proč ostatní můžou mít hezká, bílá záhlaví a já vždycky skončím s šedým patlancem.

Pokud i vy máte podobný problém, řešení je geniálně jednoduché. Změňte koncovku obrázku na .png. Celkově Blogger lépe spolupracuje s fotkami v tomto formátu, takže vám radím používat zejména ten. Bílá bude bílá, průhledná bude průhledná, obrázky ostřejší. Co víc si přát?

Snad jsem některým z vás vytrhla trn z paty a můj tip není na stejné úrovni jako Kolombovo objevení Ameriky. :)

Hezké blogování!

Design 103: Jak na pozadí blogu (s Picmonkey)

Dobrá, dobrá, tenhle tutoriál se může zdát trochu mimo mísu. Na internetu přece můžete najít miliony krásných pozadí úplně zadarmo a stejně, v jednoduchosti je krása, tak proč se patlat s pozadím, když lze v Bloggeru nastavit vámi vybraná barva.

Minimalistům a vyznavačům pozadí jedné barvy jejich názor rozhodně nevymluvím. Ale vy ostatní se mnou jistě souhlasíte, že hledat to správné pozadí je tak trochu peklíčko, nehledě na to, že si jej autoři často velice rádi podepíší, což celý vzhled blogu poněkud ruší.

A vůbec, není nejlepší si všechno udělat po svém? Zvlášť, když není nic jednoduššího.

A jak na to?

(Jak zamezit) Kopírování fotek

Ve středu chyběl článek, ale přes prsty si nezasloužím, protože se mi ten den rozjela nemoc jako blázen. Z práce jsem musela jet domů taxíkem a z jakýhosi pomotanýho stavu horečky jsem se dostala až teď. Proto v tomhle článku spojím jak středu se psaním, tak páteční návod.

Na internetu se krade, jak se dá, takže je jen logický, že chceme bránit svoje duševní vlastnictví, to jest v našem případě posty a fotky. Bohužel, morem českých blogů je neelegantní řešení zablokování použití pravého tlačítka myši na celém blogu. Dámy a pánové, ani nevíte, jak strašně otravné je, když si chcete otevřít článek v dalším okně a namísto toho se vám objeví hláška, že vám bloger/ka fotky po domluvě ráda poskytne. Já nechci fotky, já chci článek v novém okně!

Proto jsem podnikla výpravu do samých útrob internetu a vyškrábla jsem tutoriál jako malinu.

Jak zablokovat pravé kliknutí pouze pro obrázky

1. V prostředí Bloggeru vás v levé nabídce bude zajímat Šablona a poté Upravit HTML.

2. Klikněte do HTML editoru (kamkoliv) a zmáčkněte CTRL+F. Vyskočí vám okénko na vyhledávání, kam napište </head> a potvrďte enter.

3. Označí se vám nejbližší </head>, klikněte hned pod nápis a zkopírujte kód.
<script type="text/javascript">

//<![CDATA[
    function nocontext(e) {
        var clickedTag = (e==null) ? event.srcElement.tagName : e.target.tagName;
        if (clickedTag == "IMG") {
            alert(alertMsg);
            return false;
        }
    }
    var alertMsg = "Nekopíruj moje fotky!";
    document.oncontextmenu = nocontext;
//]]>
</script>

Místo "Nekopíruj moje fotky!" samozřejmě napište to, co chcete, aby na potencionálního zloděje v okénku vyskočilo.

4. Uložte a radujte se.

V případě dotazů nebo čehokoliv se mi nebojte ozvat do komentářů nebo na mail.
Hezké blogování!

Jak na lepší a kvalitnější fotky

Fotky jsou nezbytnou součástí blogování a, co si budeme nalhávat, velkým lákadlem pro čtenáře. Vyfotit kvalitní fotku není už zdaleka tak složité, jako to bývávalo, nicméně právě proto jsou na fotky tak vysoké nároky - minimálně musí být dokonale ostrá.

Proto je s podivem, jak dokonale Blogger dokáže z kvalitních, hezkých fotek udělat rozmazaný chrchel barev a šmouh. A já vám teď poradím, jak tomu zamezit. 

Jak na lepší fotky?

1. Zmenšete své fotky dřív, než je nahrajete do Bloggeru! Tento bod je velice důležitý, proto ho nevynechejte. Nejen, že nahrávání půjde rychleji, fotky budou ve výsledku mnohem kvalitnější i po zmenšení. A z čistě technických důvodů - pokud tento krok přeskočíte a pak použijete tento návod, je dost možné, že načítání vašeho blogu, se celkově dost zpomalí. (Pokud nevíte, jak či kde fotky zmenšit, neváhejte se mi ozvat do komentářů nebo na mail.)

2. V Bloggeru přejděte v levém sloupci na Šablonu, poté klikněte na Personalizovat.

3. Po otevření nové stránky klikněte ve sloupci na Pokročilé.

4. Po rozevření nového sloupce sjeďte v nabídce až dolů na Přidat CSS.

4. Do bílého okna zadejte kód

.post-body img { min-width:600px; min-height:auto; }

5. Pozor! Místo 600px zadejte šířku pixelů, jaká vám vyhovuje. Šířku svého blogu najdete podle obrázku v Návrháři šablon pod heslem Upravit šířky. Pokud používáte postranní menu jako já, nezapomeňte jeho šířku odečíst od celkové šířky blogu.

6. V pravém horním rohu klikněte na Použít na blog. Poté můžete pokračovat v úpravách, zavřít okno nebo kliknout na Zpět na službu Blogger, kde se dostanete zpět do rozhraní Bloggeru.

7. Všechny fotky nastavujte výhradně na Původní velikost.

 A jsme u konce, vážení!
V případě dotazů či připomínek mě neváhejte kontaktovat do komentářů či na e-mail, ráda vám pomůžu!

Krásný blog snadno a rychle

V dnešním blogy přehlceném světě je třeba zaujmout nejen obsahem, ale i vzhledem, to tu budu opakovat, dokud to bude pravda. Defaultní designy Bloggeru už dávno nestačí a co si budeme vykládat, ne všichni blogeři vždycky mají čas a chuť montovat se ve vnitřnostech svého blogu a mnohem raději věnují čas svým článkům.

Naštěstí pro všechny oddané pisálky na světě existují i oddaní montéři - čímž chci velice vtipně říct, že po světě běhá spoustu lidí, kteří naopak mnohem radši pracují na vzhledu blogu a/či jiných webů. Díky tomu se dá na internetu najít obří množství šablon, navíc spoustu z nich úplně zdarma, takže každý blog může být opravdu krásný.

Záleží jen na vašem stylu. Je libo minimalismus? Módní blog? Věnujete se fotografii? Nebo jste spíš vloger než bloger?
CSS Author samozřejmě není jediný web s nabídkou hezkých šablon, je jich nepřeberné množství. Stačí si do Googlu zadat "Free Blogger Templates" a pak už jen hledat tu pravou.

Ale jak už jsme si snad zvykli, život není vždycky fér - i tenhle způsob má své mouchy. Ano, není třeba se plácat v CSS svého blogu, ale je třeba mít na mysli, že po instalaci je úprava CSS tabu - za prvé tím pravděpodobně naštvete autora (který posléze klidně může nechat Blogger váš blog smazat) a za druhé vám žádné "Blogger tutoriály" moc nepomohou, protože celý blog je postaven trochu jinak. Dále je vyloženě zakázáno jakýmkoliv způsobem blogem vydělávat - takže vás zpropadený AdSense může stát zmizení celého blogu. A jako poslední velice jasná a logická věc - lze vůbec najít ten dokonalý design?

Jak šablonu nainstalovat?

1. Stáhněte si šablonu. S největší pravděpodobností bude zazipovaná, takže ji rozbalte (pro neznalé: pravý klik → 7-zip → Rozbalit). Bude nás zajímat soubor s koncovkou .xml

2. Po přihlášení do Bloggeru v levém menu klikněte na Šablonu.

3. Po načtení stránky nás bude konkrétně zajímat její pravý horní roh.

4. Klikněte na Zálohování/Obnovení. Zobrazí se vám tato zpráva:

5. Důrazně vám doporučuju si svůj stávající design zálohovat, obzvlášť pokud jste už nějaké změny udělali. Po nahrání nového designu byste o všechno přišli! Zálohujete kliknutím na Stáhnout celou šablonu, kdy se vám do počítače uloží soubor .xml vašeho designu.)

6. Po zálohování konečně přichází ta nejdůležitější část - klikněte na Vybrat soubor a z vašeho počítače vyberte .xml soubor vašeho nově vybraného designu. Potvrďte kliknutím na Odeslat.

A hotovo! V případě dotazů či připomínek vám ráda pomůžu v komentářích!

Design blogu 102: Header

Řekněme, že barvy blogu už máme zvolené. Ale co se záhlavím? Defaultní nastavení v Bloggeru je jen obyčejný text, což je pro nás, minimalisty, uspokojující, ale dokážu si představit, že ne každý je s tím šťastný.
Pokud máte Photoshop, není co řešit.
Jenže ne všem se tomu poštěstí a právě pro ty je dnešní návod - jak si vyrobit hezké záhlaví blogu bez instalování složitých programů?

Nadpis uprostřed a nadpis s ozdobnou linkou

Co si budeme povídat, editace nadpisu v prostředí personalizace Bloggeru není nijak zvlášť široká. Proto vám dnes poradím, jak je velice jednoduše aspoň trochu ozvláštnit.

Nadpis uprostřed
Nechápu, proč zrovna taková věc není v návrháři už dávno. Mnohým blogům mnohem víc sluší nadpis uprostřed stránky, nemyslíte? Naštěstí nastavení není vůbec nic těžkého.

1. Vlezete do prostředí Bloggeru, v nabídce kliknete na Šablonu a poté na Personalizovat.

2. V návrháři šablon vyberte Pokročilé a poté sjeďte v nabídce až úplně dolů – na Přidat CSS.

3. Do okna zadejte text

 .post-title {  text-align: center;  }

4. Uložte. (Kliknutím "Použít na blog")

Nadpis z ozdobnou linkou
Zajímavější nadpis pro blogy, ke kterým se hodí nadpis uprostřed stránky.

1. V prostředí Bloggeru opět vyberete Šablonu, nicméně pak kliknete na Upravit HTML.

2. Klikněte do šablony a s pomocí CTRL+F najděte slova post-title entry-title. Pozor, v textu se objevují dvakrát! A nás zajímá právě ten druhý. (Pokud nechcete hledat, stačí při hledání zmáčkout enter dvakrát, ne jednou).

3. Za text <h3 class='post-title entry-title' itemprop='name'> napište <span>

4. Před </h3> napište </span>
5. Poté opět pomocí CRTL+F najděte </b:skin> (Pokud se vám po kliknutí na slovo rozevře další text, nepanikařte, nic se neděje, sjeďte na hledaný text)

6.  Před </b:skin> zkopírujte tento text:

h3.post-title::before {border-top: 1px solid #666; /* changes the border width, style, colour */margin-top: 10px; /* moves the line up or down */content: " ";position: absolute;left: 0;right: 0;z-index: 0; }
h3.post-title span {background: #FFF; /* text background color to cover line */padding: 0 20px; /* adds space to either side of the text */position: relative;z-index: 1 !important;margin: 0 auto; }
.post-title.entry-title { text-align: center; }

7. Uložte.

















(Po kliknutí se fotky zvětší.)

V případě dotazů mě neváhejte kontaktovat!

Design blogu 101: Barvy!

Povězme si něco o totálním základu, totiž o barvách blogu.
První, co vás uhodí na jakémkoliv webu do očí, jsou právě barvy. Dost často rozhodují o tom, zda budete číst dál, protože co si budeme povídat, zářivě růžový text na jedovatě zeleném pozadí mnohdy od čtení odradí spolehlivěji než hrubky. Text může být sebezajímavější, ale v momentě, kdy se nedá přečíst, jeho hodnota upadá až do záporných hodnot. A to nikdo nechce, ne?

Někteří z nás to mají v oku. Mají vrozený cit pro barvy, a tak jim nedělá problém vybírat a ladit odstíny jen tak od ruky. Těmhle jedincům závidím, taky bych to tak chtěla umět. Nemyslím si, že bych byla nějak zásadně barvoslepá, ale často se nechám unést možnostmi a pak vytvořím strašně zajímavé barvy, které k sobě až žalostně nejdou. Hodinová práce v tahu a já se nemůžu rozhodnout, která barva je lepší.
Na štěstí je tu pro nás všechny velice šikovný web colourlovers.com, kde si nejen můžeme pomocí jednoduchého toolu (tady) vytvořit barvu podle svých představ, můžeme si vytvořit i celé palety barev, díky nímž lze snadno vidět, jak vypadají vedle sebe a jak moc k sobě ladí.
Palety lze uložit a tím zpřístupnit ostatním uživatelům.

Paris is burning

Pokud na podobné blbůstky nemáte chuť, čas nebo oko, můžete si vybírat z obrovské nabídky palet. Zkuste dát do vyhledávače vámi preferovanou barvu a pak jen projíždějte obrovské množství možností, jak je sladit.

Při vybírání barev dbejte prosím na oči čtenáře a zkuste vzít v potaz tyto tipy:

1. Pozadí textu by mělo být světlé. Nemusí být nutně zářivě bílé, naopak lepší jsou tlumenější barvy. Na tmavém pozadí je text špatně vidět, člověk musí mhouřit oči a brzo ho přestane bavit číst.
2. Text by měl být naopak tmavý. Opět, nemusí to být nutně černá, třeba je na váš blog příliš tvrdá - zkuste světlejší černou, tmavě modrou, šedivou, bronzovou... ale nepřežeňte to! Čím tmavší, tím lepší. Zářivé a příliš barevné písmo má stejný efekt jako tmavé pozadí.
3. Méně je více, proto si nekomplikujte život blogem jako omalovánky - tři až čtyři barvy bohatě stačí. Nebo i dvě. Rozhodnutí je na vás.
4. Možná zbytečný tip, ale neodpustím si ho - nezapomeňte brát v potaz nejen čtenáře, ale i obsah svého blogu. přece jenom design by měl obsah nějakým způsobem reflektovat.
5. Tlumené a pastelové barvy možná nejsou váš styl, nicméně čtenáři to určitě ocení. Zářivě zelená je oproti tlumené pastelově zelené sakra rozdíl, nemyslíte?

Co je podle vás lepší?

Doufám, že pro vás tipy byly přínosné. V případě dotazů se na mě neváhejte obrátit do komentářů!

Tak se to stalo!

První článek na blogu. Vzrůšo!

Stále vychytávám mouchy, což je kvůli nedostatku činnost zdlouhavá, nicméně uspokojující.
A co tu na blogu brzy najdete?

Návody!
Aneb jak mít blog jako ze škatulky pomocí fajn vychytávek. Na vzhledu blogu přeci záleží a žádný detail by neměl být ignorován. Slaďte barvy, zbavte se ošklivého záhlaví, foťte hezké fotky, využívejte šikovné programy a vylaďte si blog podle sebe!

Inspiraci!
Občas fantazie neslouží a proto tu budou články zahrnující zajímavé designy, blogy, blogery, nápady a fotky.

Psaní!
Věc, na kterou paradoxně spoustu lidí zapomíná, ale která je na blogu nejdůležitější - psaní. Nejenže je třeba psát o zajímavých věcech, musí se psát i gramaticky správně! Rovněž je dobré vyvarovat se některým věcem a obratům. Jak se zlepšit ve psaní článků a na co si dávat pozor vám poradím právě v této rubrice.
(A ne, nebude se jednat o lekce pravopisu a gramatiky, na základní školu jsme snad chodili všichni.)

O blogu!
Nejméně záživná rubrika, kde se budu vykecávat já.

Snad vám můj počin pomůže k šťastnějším blogovým zítřkům.