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í! :)