JAK VYTVOŘIT ANIMOVANOU IKONKU

zdroj: weheartit ,vlastní úprava

Krásný den přátelé,

právě pročítáte rubriku, ve které se vám pokusím každou středu servírovat nápady a tipy pro váš blog. Společně se podíváme (ne jen) na úpravu jednotlivých části blogu, ale i na samotný finální design ♥

 

V dnešní blogger poradně si ukážeme postup pro vytvoření animované ikonky.

 Takováto ikonka slouží vašemu blogu převážně jako reklama. Dá se říct, že je to takový zajímavější odkaz, kterým vás mohou vaši čtenáři prezentovat na svém blogu. My si dnes ukážeme jak udělat ikonku animovanou. Pokud však vynecháte proces animace, můžete si jí na blog vložit i jako obyčejný obrázek.

│1│ Nejprve si v nějakém programu (nebo tady picmonkey) vytvoříme 2 či více obrázků. V tomto případě záleží jen na vás jak různé obrázky na ikonce chcete a kolik se jich mezi sebou bude střídat (případně se nebudou střídat vůbec).

Já si vytvořila tyto dva o rozměrech 210x80 (bylo by dobré mít obrázky o stejné velikosti).

│2│(Celý druhý krok vynechejte pokud nechcete mít ikonku animovanou.) Obrázky už máte jistě vytvořené, můžeme tedy přejít k dalšímu kroku. Ten spočívá v tom, že si otevřeme stránku gifmaker, na kterou si nahrajete všechny vytvořené obrázky. V Control panelu si nastavíme velikost ikonky (100% je původní velikost obrázků) a rychlost animace. Kliknete na Create now a poté na Download the GIF image now, uložit a máte hotovo.

│3│ Teď si ukážeme jak udělat z ikonky odkaz a následně jej vložit na blog. Jednoduše stažený obrázek nahrajeme do nového příspěvku na blogu. Klikneme na něj (on se nám rozsvítí modře) a my jen pak klikneme na políčko odkaz kde poté napíšeme kam chceme aby nás obrázek přesměroval.

Tím se nám z obrázku stane "obrázkový odkaz". Nakonec už jen (také v menu) překlikneme z Napsat na HTML a celý html kód zkopírujeme :)

│5│ Na bloggeru přejdeme na "ROZVRŽENÍ" a do menu si vložíme nový gadget HTML/JavaScript a tam zkopírujeme náš upravený html kód. Uložit a máme hotovo. (HTML/JavaScript můžete přenést i do zápatí jako to mám já) 

Doufám, že vám dnešní návod pomohl při tvoření vlastní ikonky  (když mi tu na ní necháte odkaz, tak se ráda podívám). Pokud si však z něčím nebude rady neváhejte mi napsat do komentářů.

♥