Instagram do menu

Pro dnešek pro vás mám návod na to, jak si vložit instagram na blog. Není to nic těžkého, protože jsem objevila opravdu jednoduchý nástroj na jeho tvorbu. Není ani potřeba povolovat nějaký přístup k účtu či se registrovat. Ukážu vám několik variací, co s tím můžete všechno udělat, hlavně pro ty, kteří neumí dostatečně anglicky...

Nejdříve otevřete tuto stránku, klikněte na Get Free Instagram Widget for Website.

Na následující stránce vyplníte další pole podle potřeby

• username - jméno účtu, najdete ho například na konci adresního řádku
• hashtag - můžete sledovat i jen určený tag (například #bookstagram)
• widget width - šířka celého widgetu, záleží na tom, jak máte široké menu, nebo případně jiné místo, kam widget vložíte (zápatí, pod hlavičku apod.)
• user icon - ikona uživatele, obrázek, co máte na profilu
• user introduction - popis v účtu
• follow button - tlačítko pro sledování (nejde změnit barva, vždy je modré)
• followers - počet sledujících a sledovaných
• box border - rámeček
• box border color - barva rámečku
• text color - barva textu
• background color - barva pozadí
• photo gallery - možnost zobrazování fotek, pokud by chtěl někdo třeba generovat pouze tlačítko pro sledování apod.
• photo padding - mezery mezi fotkami
• photo effect - efekt po najetí myši na fotku
• layout - počet fotek na řádek a v sloupci
• share button - sdílecí ikony, po najetí myši na fotku se zobrazují ikonky na sdílení na facebooku a twitteru
• phoro border - rámeček fotek
• open new window - po kliku na fotku se buď zobrazí ve stávajícím okně nebo v novém

Takže, co můžete vytvořit?

1. necháte původní nastavení

2. odstraníte uživatelské jméno, popis

3. odstraníte sledovací tlačitko a sledující

4. odstranění rámečku

 Další detaily, které by vás mohly zajímat...

1. sdílecí tlačítka

- po najetí myši se zobrazí ikonky facebooku a twitteru

2. obrázkové efekty - fadein

- po najetí myši se fotka zesvětlí

3. obrázkové efekty - fadeout

- po najetí myši se fotka ztmav, ostatní zůstávají světlé

 

Velikost fotek se přizpůsobuje sama, podle toho, jakou si zvolíte šířku widgetu a počet řádků či sloupců. Můžete si zvolit i velkou šířku (třeba do zápatí) a nastavit jeden řádek, takže vznikne dlouhý pás...

No a nakonec už jen musíte vygenerovat kód. Po tom, co si zvolíte všechny parametry, kliknete na Preview. Vpravo se vám ukáže náhled, jak vypadá vaše nastavení. Pokud jste spokojení, kliknete pod obrázkem na Get the embed code. V novém okně se vám vygeneruje kód, který zkopírujete. A pak už jen klasicky v nastavení blogu přidáte boxík HTML/JavaScript  a do něj kód vložíte. Já si ještě přidávám takovou drobnost, aby byl celý widget zarovnaný na střed :-)

<center>
<!-- InstaWidget -->
<a href="https://instawidge.........></script>
</center>

A to je všechno... :-) Doufám, že vám to přišlo srozumitelné. Dejte vědět, zda se vám to podařilo...