NÁVOD NA BLOG | Jak propojit blog s Instagramem?

A máme tady další návod na blog :) Tentokrát na téma, jak propojit blog s Instagramem. Testovala jsem pro vás poměrně dost online nástrojů a nejvíce mi vyhovuje Lightwidget. Vše v něm nastavíte během pár minut. A navíc se mi líbí i to, že po kliknutí na fotografii, která vás zaujme, se okamžitě přesunete přímo na Instagram a ne na nějaký meziprostor, jako je to například u Snapwidgetu. Sami se přesvědčte, že je to tak snadné!

Nastavení v Lighwidgetu

1. Přejděte na stránku Lightwidget.com.

2. Přihlaste se ke svému Instagram účtu. Pokud máte odlišný osobní profil a profil na blog, do části Instagram username můžete napsat jméno toho "pracovního" (v mém případě silvidesign). Část filter photo by hashtag nechejte prázdnou.

3. Vyplňte Initial Settings (Nastavení)

• Type of Widget: Nejčastější je Grid.

• Number of Columns: počet sloupců
• Number of Rows: počet řádků
• Image Hover Effect: Zde nastavíte, co se stane, když přejedete myší na fotku.
  
  • Fade In – Fotka se zesvětlí
  • Fade Out – Fotka ztmavne
  • Zoom In – Fotka se přiblíží
  • Zoom Out – Fotka se oddálí
  • Zoom and rotate – Fotka se přiblíží a trochu natočí
  • Icon overlay – U fotky se zobrazí ikona lupy
• Show caption – U fotky se zobrazí popisek
• Square crop - Ořez fotek do čtverce (pokud náhodou na Instagramu máte i fotky v jiném než čtvercovém formátu)

TIP - Pokud chcete Instragram Feed v postranní liště blogu, zvolte stejné číslo v části Number of Columns a Number of Rows. Pokud chcete Instragram Feed vespod vašeho blogu (dole pod články), je ideální zvolit u Number of Columns 8 a u Rows 1 až 2.

4. Když máte nastaveno, klikněte na Preview. Nalevo uvidíte náhled, který se vám bude zobrazovat na blogu.

5. Jakmile jste spokojeni, klikněte na Get Code (vedle Preview) a ten následně zkopírujte. Poté stačí zvolit možnost Copy to clipboard. Bude to vypadat následovně ↓

Nastavení v Bloggeru

1. Přihlaste se do rozhraní Bloggeru a zvolte možnost Rozvržení.

2. A teď si zodpovězte otázku, kde chcete Instagram mít – v postranní liště, anebo úplně dole pod články?

• Postranní lišta - klikněte v záložce Rozvržení, v části s názvem Sidebar (může se to jmenovat například sidebar-right-1) na Přidat Gadget.
  
• Zápatí (úplně dole pod články) – klikněte v záložce Rozvržení, v části Footer (může to být pojmenované třeba jako footer-1) na Přidat gadget.

3. Zvolte možnost HTML/JavaScript a do části Obsah vložte zkopírovaný kód – buď klávesovou zkratkou CTRL+C, anebo pravým tlačítkem myši a možností Vložit. Část Nadpis může být volná, to už záleží na vás.

4. Klikněte na možnost Uložit, zmizí vám okýnko s kódem a budete zpět v části Rozvržení. Přetažením myši můžete zvolit, kde přesně má Instragram Feed být (platí zejména tehdy, pokud nahráváte do postranní lišty). V části Rozvržení nakonec ještě potvrďte změnu volbou Uložit uspořádání.

5. Nyní se podívejte na blog a už byste tam měli Instagram mít :)

Pozor – v náhledu se vám Instragram Feed nebude zobrazovat. Bezplatná verze tohoto widgetu to totiž neumožňuje (stránka s náhledem je totiž zabezpečená, to znamená, že se "chová" trochu jinak než běžná stránka). Nemějte ale obavy, vaši čtenáři ho úplně normálně uvidí! :)