BLOGGER Monday - IKONA PRED NAZVEM CLANKU

V dnešním Blogger MONDAY se podíváme na zoubek věci,  díky které svůj blog zase o trochu zkrásníte.

Bavíme se o ikonkách před názvem článku. A co na nich bude, je čistě jen na vás a vaší fantazii. Malá obálka, brko s tuší a nebo obrázek, který se na Vašem blogu objevuje často? Já osobně zvolila srdíčko, protože koresponduje s mým blogem a objevuje se i v headeru.

Co budete potřebovat?

♥ malé logo podle vašeho vkusu (využít můžete mnoho stránek, které nabízí zdarma různé fonty, mezi nimiž jsou i ty obrázkové a nebo zkuste fonty Kevina a Amandy)

♥ blog na doméně blogspot.com

♥ trochu odhodlání a chuti do práce:)

Jak na to?

1. Najeďte si do HTML editoru. Jak na to je perfektně popsáno třeba v mém minulém návodu - NAKOUKNĚTE DO NĚJ!

2. Jakmile se dostanete do HTML editoru, zaškrtněte Rozbalit šablony pomůcek (Expand Widget Templates)

3. Pomocí CTRL + F dejte hledat

]]></b:skin>

4. Jakmile budete úspěšní - a měli byste být! - těšně před tento tag vložte toto:
post h3 img { <br /> border: none; <br /> }

♥ ♥ ♥ ♥ ♥ 

5. Pustíme se do dalšího hledání! Teď najděte toto:<a expr:href='data:post.url'><data:post.title/></a>
 
6. Mezi <...data post url> a < data post title/ > vložte odkaz na obrázek 

<img src="adresa_obrazku">

V textovém poli vidíte, jak by to mělo vypadat:
<a expr:href='data:post.url'> <img src="adresa_obrázku" /> <data:post.title/> </a>
Příkaz "adresa_obrázku" nahradíte  pravou adresou vaší ikony - měla by končit na .jpg nebo třeba .bmp (záleží, v jakém formátu máte obrázek). (pro upload zkuste třeba imageshack.us)


7. A pak už stačí jen uložit! :)
----
8. Klasická poznámka pod čarou: opět se může stát, že vám to nepůjde. Ač je tento návod úspěšně testovaný na několika blozích, zrovna na tom vašem se to prostě podařit nemusí. Na vině mohou být dvě věci. Buď to, že v bodě číslo 5. vám to prostě našlo více totožných odkazů - potom zkuste vložit následující 6. bod do obou možností a uvidíte, které je to pravé. Pokud však ani to nepůjde, zkuste vložit před všechny tyto kódy 
<data:post.title/>

odkaz na obrázek (ten z bodu č.6:)

Vypadá to složitě, ale zvládnete to za pár minut!

Opět platí - kdyby měl někdo problém nebo nevěděl, jak vytvořit takovou ikonku, napište mi!

Návod může být zastaralý. Na jeho aktualizaci se pracuje.
Prosím o trpělivost. Děkuji moc. Silvi