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
4. Jakmile budete úspěšní - a měli byste být! - těšně před tento tag vložte toto:
♥ ♥ ♥ ♥ ♥
5. Pustíme se do dalšího hledání! Teď najděte toto:
6. Mezi <...data post url> a < data post title/ > vložte odkaz na obrázek
V textovém poli vidíte, jak by to mělo vypadat:
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
Návod může být zastaralý. Na jeho aktualizaci se pracuje.
6. Mezi <...data post url> a < data post title/ > vložte odkaz na obrázek
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
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!
díky, díky, díky.! Zrovna předělávám blog, takže se to hodí :)! I love you <3
OdpovědětSmazatMiluju blogger monday, už jsem si díky tobě blog trošičku vylepšila :)
OdpovědětSmazathttp://spicedchocolate.blogspot.com
Mám radost, že návod posloužil či poslouží!
OdpovědětSmazatAhojky, zkouším si toto udělat, ale v bodě číslo 5 mám problém. vůbec mi to nic nenajde, dokonce ani část takového html kodu...neviš co s tím???? :-(
OdpovědětSmazatMilá Silvi, nešlo by to i jen např. pro jeden nadpis? Že bych u každého nadpisu měla jiný obrázek... předem moc děkuju za odpověď :)
OdpovědětSmazatKatko, to bohužel nevím.
SmazatV takovém případě bych spíše použila grafické ikonky (typu srdíčko na FB) Na několika blozích jsem viděla třeba vločky, někdy i noty apod. Víc poradit neumím:)
Děkuju velmi mi to pomohlo. :) Máš úžasný blog a je skvělý jak výborně umíš poradit. :)
OdpovědětSmazatAhoj, chtěla bych zeptat, jestli tohle jde udělat, i když mám nastavenou "přednastavenou" šablonu. Už ve druhém kroku nemůžu pokračovat, protože tam žádné šablony pomůcek nemám.
OdpovědětSmazatMám rovnaký problém a neviem si s ním dať rady.. :(
SmazatBabrala som sa s tým asi hodinu lebo tie kódy stále nesedeli ale nakoniec sa mi to podarilo ďakujem za návod :)
OdpovědětSmazatJéjej, Soni - ještě, že jsi to nevzdala!! :)
SmazatMôžem sa spýtať ako mám tie šablóny pomôcok nájsť? Kedže mi ich v HTML editore vôbec nikde neukazujú.
OdpovědětSmazatAhoj, prosímtě mám s tím problém. jakmile tam zadám adresu obrázku, doufám teda že je to správně, následně to zadám podle tvého návodu a dám uložit, tak místo obrázku se mi tam ukáže ten text adresy obrázku. Nevím kde dělám chybu? Nebo prosím napíšeš mi co je přesně adresa obrázku? Děkuju moc
OdpovědětSmazat