Blogger tips: Obrázek s odkazem

Určitě jste si někdy všimly, že u jiných blogerek/blogerů vidíte různé obrázky po bocích, na které když kliknete, tak vás odkážou na jiné stránky nebo na nějaký konkrétní příspěvek např. soutěž na blogu. Dneska vám ukážu, jak na to. Nebojte není to nijak složité :)

Napřed si musíte zvolit nějaký obrázek, pod kterým se bude odkaz skrývat - může to být vaše fotka nebo jakýkoli obrázek z internetu. 

Náš pracovní obrázek bude tento: 

Vybraný obrázek jednoduše vložíte do nově vytvořeného příspěvku a nic k němu nebudete psát - v novém příspěvku bude pouze vybraný obrázek.

Já jsem obrázek vkládala pomocí URL adresy - nemusíte si ho z internetu ukládat do PC, pouze zkopírujete URL adresu.

Mělo by to vypadat takto:

Na obrázek si kliknete a dáte tlačítko ODKAZ, které najdete v horní liště hned vedle tlačítka pro vkládání obrázků. Vyskočí tabulka a do spodního prázdného pole zkopírujete adresu, na kterou má obrázek odkazovat a dáte OK.

Následně musíme zjistit HTML kód obrázku a to tak, že přepnete v levém horním rohu tlačítko HTML. 

Místo obrázku se vám objeví HTML kód a s tím budeme dál pracovat. Tento kód si zkopírujte.

Pokud máte HTML kód zkopírovaný, můžeme příspěvek zavřít a přejdeme do složky ROZVRŽENÍ.

Kde zvolíte PŘIDAT GADGET a vyberete HTML/JAVA SCRIPT a do pole OBSAH zkopírujete HTML kód, který jsme si připravily v předešlých krocích a dáte ULOŽIT. Potom se podívejte na náhled, ať víte, jak bude obrázek na blogu vypadat, pokud by byl obrázek moc velký nebo naopak moc malý, tak se dá jednoduše upravit. A to tak, že se vrátíte do příspěvku, kde máte připravený obrázek - přepnete zpět z HTML kódu na NAPSAT, kliknete na obrázek a vyberete jestli chcete obrázek malý, střední nebo velký - znovu přepnete na HTML kód a ten kopírujete do gadgetu.

A je to hotovo! Na blogu byste to potom měli vidět takto: 

DOUFÁM, ŽE JE NÁVOD SROZUMITELNÝ A POMŮŽE VÁM

POKUD SI NEBUDETE VĚDĚT RADY, KLIDNĚ NAPIŠTE