jak dodać Instagram na bloga?

jak dodać instagram na bloga

Jakiś czas temu pokazywałam Wam jak na szybko (w mniej niż 2 minuty) wstawić galerię zdjęć z Instagramu na bloga za pomocą widżetu Snapwidget. Ale ostatnio zaprzyjaźniona blogerka zadała mi ćwieka. Bo w mojej metodzie, gdy klikniemy na tak uzyskaną galerię przechodzimy na stronę Snapwidżetu, a nie na Instagam, jak to się dzieje u Rudej czyli Natali z bloga Jest rudo

Ale dlaczego opowiadam Wam całą tę historie i obgaduję bloga innej blogerki (którą zresztą bardzo lubię). Oj nieładnie. Robię to w szlachetnym celu, tzn by przemycić trochę technicznej wiedzy. A dokładnie fajne narzędzie za pomocą którego możecie prześwietlić innego bloga opartego na wordpressie. 

Otóż zaraz pobiegłam na bloga Rudej i rzeczywiście. Po kilknięciu w galerię zdjęć z Instagramu od razu przeskakujemy na jej instagramowy profil. I wiecie co: bardzo chciałam podpytać Natalię jak to zrobiła, ale trochę zabrakło mi odwagi. Wtedy przypomniałam sobie o fajnym narzędziu WHAT WP THEME IS THAT, które pozwala prześwietlić każdego bloga działającego w oparciu o wordpressa i sprawdzić z jakiego korzysta szablonu (ile on kosztuje i dlaczego tak drogo) i jakich używa wtyczek. 
 
WNIOSKI: Jeżeli prowadzicie więc bloga w oparciu o wordpress.org mogę polecić Wam 2 wtyczki (przetestowałam je u siebie na MODA NA BIO) do stworzenia galerii z Instagramu, które bezpośrednio (po kliknięciu w Waszą galerię) przeniosą czytelników na Wasz instagramowy profil. 
Jeżeli chodzi o Bloggera przetestowałam kilka rozwiązań i w końcu dzięki pomocy czytelniczki znalałam coś podobnego. 

Jak dodać galerię zdjęć z Instagramu na Bloggera?

Można zrobić to za pomocą takich prostych narzędzi jak

1. ICONOSQUARE 

Wchodzimy do niego, klikamy na Promote i Photo Gallery Widget,  Get Your  Widget. 

jak dodać instagram na bloga

jak dodać instagram na bloga
Tu uzupełniamy ustawienia (Settings), a przede wszystkim wpisujemy User name i obserwujemy na Podglądzie (Preview). Pobieramy kod, przechodzimy na Bloggera, wchodzimy w Układ, Dodaj gadżet, wybieramy HTML/Java Script i wklejamy pobrany kod. Gotowe.
Jeżeli chcecie, by widżet przenosił czytelników na Wasz Instagram w okienku Linking wybierzcie Instagram (zamiast iconosquare).

jak dodać instagram na bloga

Na blogu wygląda to tak. Jest tu widoczna liczba followersów i opublikowanych fotek. Jeżeli pozostawicie Iconosquare po kliknięciu w Waszą galerię przechodzicie na stronę Iconosquare, ale czytelnik może stąd bezposrednio skomentować foto czy przesłać je dalej np na Facebooka. 

Tak wygląda strona, na którą przenosimy się po kliknięciu w dowolne zdjęcie (przy zachowaniu opcji Iconosquare) z naszej instagramowej galerii. 
 
jak dodać instagram na bloga

2.  INTAGME  

Tu podobnie uzupełniamy swój User name, wybieramy czy chcemy mieć galerię w formie siatki (Grid) czy slajdów (Slideshow), pobieramy kod i wklejamy go na bloga.

jak dodać instagram na bloga

Po wstawieniu galerii na bloga i po kliknięciu w nią jesteśmy przekierowani na stronę Intagme (z naszym profilem Instagramowym), ale czytelnik ma stąd możliwość kliknięcia na ikonkę Follow, czyli śledzenia naszego profilu. Wygląda to tak: 

jak dodać instagram na bloga

3. SNAP WIDGET.

Jak to zrobić krok po kroku opisałam we wpisie Jak stworzyc i dodac na bloga galerie zdjec z Instagramu.

Ale tu podobnie po kliknięciu w zainstalowaną na bloga galerię trafiamy na stronę Snapwidgetu, a dokładnie na nasze instagramowe konto za jej pośrednictwem. Biznes is biznes.

Jak dodać galerię zdjęć z Instagramu na wordpressa? 

WTYCZKA INSTAGRAM FEED.

Jeżeli chodzi o wordpressa znalazłam tu takie rozwiązania: Za pomocą podpatrzonej u Natali wtyczki: INSTAGRAM FEEDJest ona bardzo prosta w obsłudze, po zainstalowaniu, klikacie na Instagram Feed, łączycie się z Waszym kontem na Instagramie, pobieracie tzw Token i User ID i wklejacie je w wymagane miejsce.
 

jak dodać instagram na bloga

Następnie klikacie na Display Your Feed i tu pobieracie kod, który wklejacie w dowolnym miejscu na blogu. W tym celu wchodzicie w Wygląd, Widżety, wybieracie widżet Tekstowy (Tekst) i w niego wklejacie kod, a następnie ustawiacie ten widżet w dowolnym miejscu np w panelu bocznym bloga.

Jeżeli podoba Wam się galeria w formie slajdów, to uzyskacie ją za pomocą innej wtyczki na wordpressa, czyli

INSTAGRAM SLIDER WIDGET 

Po zainstalowaniu tej wtyczki wchodzicie w Wygląd, Widżety, odnajdujecie Instagram Slider, przeciągacie go w wybrane miejsce (w panelu bocznym, czy na dole) i uzupełniacie Wasz User name i np ilość fotek, która ma się pokazywać. 

Zaletą obywdu wtyczek jest to, że po kliknięciu w utworzoną za ich pomocą galerię przechodzimy bezpośrednio na nasze konto na Instagramie. 

A może znacie jakieś skuteczniejsze metody. Pozdrawiam serdecznie 
 
Jeżeli pomogłam, zaciekawiłam lub rozbawiłam proszę polub mnie na FB:

29,127 total views, 14 views today

Zapisz się na Newsletter

  • Bardzo fajnie, zaraz spróbuję u siebie! 🙂

  • Cześć Beatko, cieszę się, że mój blog stał się m.in. inspiracją do stworzenia tego wpisu, jednak muszę czym prędzej napisać, że nie polecam tego widgetu! Owszem, przenosi prosto na instagram, jednak jest nieresponsywny, czyli nie dopasowuje się do wyglądu strony, co widać zwłaszcza na telefonach/tabletach. Będę zmieniać, jak znajdę na to chwilę.

    • Z tego właśnie powodu napisałem (na podstawie wielu informacji znalezionych w sieci) własną wersję takiego dodatku. Wprowadzam ją teraz osobom zainteresowanym oraz umieszczam w szablonach bloggera, które tworzę. Skrypt pozwala mi na dowolne ustawienia (wielkość i kształt ikon, adres docelowy, pokazanie tytułów, ilość wczytywanych obrazków), jest elastyczny (odpowiedni CSS) i zależny tylko od instagramu, nie obcych stron.

  • Podziwiam Cię za te wszystkie techniczne umiejętności 🙂

  • Hej Beatka. Czytając dzisejszego Twojego posta czuje, że to ja jestem sprawcą:D Nie wiedziałam, że to jest wtyczka z WordPressa. Ja u siebie mam coś innego już, tylko zdjęcia późno wskakują na stronę. 🙂 Pozdrawiam Cię i też Cię lubię:)

  • Korzystam z Instagram Slider Widget. Testowałem różne inne wtyczki i tak jest zdecydowanie najlepsza.

  • Korzystałam z tego samego sposobu 🙂 Fajnie mieć pod ręką taki dodatek 🙂

  • A co by było takiego złego w zapytaniu Rudej o jej rozwiązanie? 😀

  • Super wpis. 🙂 Bardzo mi pomogłaś. 🙂 No i znalazłam dzięki niemu sposób na instagram na bloggera. 🙂 Robiłam wszystko od końca. … tak, tak ja tak potrafię. I patrzyłam jak każdy widget (z każdej strony) wygląda wizualnie na blogu i tak doszłam do http://iconosquare.com no i okazało się, że podczas generowania widgetu na stronie http://iconosquare.com/promote-widget.php (musimy być zalogowani – dane te co na instagramie) można zaznaczyć opcję „Linking to” i zaznaczyć instagram, dzięki czemu gdy ktoś kliknie na blogu na zdjęcie przenosi go bezpośrednio na instagram, a nie iconsquare,com (choć taka opcja też jest do zaznaczenia – widnieje jako domyślna, ale ja ją zmieniłam na instagram). 🙂 Możesz zobaczyć u mnie jak to działa. 🙂 Pozdrawiam.

    • Dzieki juz zmienilam u siebie i we wpisie. Pozdrawiam i lece do Ciebie. Beata

  • Długo szukałam sposobu na to jak to zrobić. Aż dzięki Tobie, dosłownie po kilku kliknięciach mam instagramowy widget na swym blogu. Z pewnością skorzystam jeszcze z wielu Twoich porad. Pozdrawiam 🙂

  • Bardzo pomocne wpisy, to już zdaje się drugi czy trzeci, z którego korzystam, i pewnie nie ostatni 🙂 Dziękuję za pomoc i pozdrawiam serdecznie

  • Dziękuję! Jesteś mistrzynią!

  • messbyus

    Hej! Dzieki za tutorial 🙂 mega pomagaja poczatkujacym. Ja uzylam u siebie http://instansive.com na bloggerze i tez automatycznie przenosi na instagrama co jest swietne. Jednak mam z nia jeden problem (zauwazylam to w kazdej z opcji) .. nie moge zmienic czcionki tytulu ? jest taka nijaka .. masz moze na to jakas rade?

    pozdrawiam serdercznie

    http://messbyus.blogspot.co.uk

  • Nella N.

    W tym momencie zostałaś moją wybawicielką <3

  • FamilyMan.pl

    Mój webmaster nie wiedział jak wrzucic wtyczkę Instagrama na bloga więc podesłałem jej Twoją stronę. Wtyczkę umieściła Instagram Feed ale niestety na telefonie zdjęcia wyświetlają się w pionie w jednej kolumnie. To bez sensu. Webmaster twierdzi, że takie jest ustawienie fabryczne i nie można tego zmienić ale ja w to nie wierzę. Czy możesz podać wskazówkę gdzie należy ustawić inny wygląd feed’u na urządzeniach mobilnych?

    Bardzo dziękuję za info

  • Hey Jude

    Wielkie dzięki 🙂 Zainstalowałam Instagram Slider Widget i chyba byłą jakaś zmiana, bo też trzeba wkleić kod do dokumentu tekstowego. Pozdrawiam

  • Anna

    wielkie dzięki! Właśnie takiej pomocy potrzebowałam 🙂

  • Czy te zdjęcia później się uaktualniają? wstawiłam jedno „na próbę”, teraz je usunęłam i wstawiłam inne, ale tamto nadal widnieje, do tego jak się na nie kliknie to wyskakuje błąd bo ono już nie istnieje..

  • Beata- jestes Boska!! dziekuje :))

  • Pingback: Jak zdobyć followersów na Instagramie? - VADEMECUM BLOGERA()

  • Dzięki za tekst! Z pewnością się przyda :))

  • Zosia

    super! bardzo przydatne i jasne informacje! Dziękuję! 🙂

  • Dzięki Beata, po raz kolejny bardzo pomogłaś. 🙂

  • Tego właśnie potrzebowałam, dziękuję 😀

  • Dziękuję. Wyszło dokładnie tak jak chciałam. ; )

  • zanettee

    Mi nie działa 🙁 Robie wszystko tak jak opisane i dodaje się gadżet, ale nie widać przejść zdjęć tylko napis i puste pole ;/

  • mam na wp org szablon button i jeden sidebar po lewej stronie. Chciałabym jednak aby instagramowa galeria była w dolnej części bloga. Jak to zrobić ? Mam obcje edycji szablonu tylko w php lub css. Pozdrawiam

  • A czy na bloggerze też to będzie działać?

  • Witaj. Coś jest chyba nie aktualne z iconsquare, mi wyświetla zupełnie inny rozkład strony, niż tu zaprezentowany. A na intagme ciągle user not found. o co chodzi?

  • Zainstalowałem instagram slider widget. Przydatny i sprawny:)

  • Beata, po raz kolejny mnie uratowałaś. ściągnęłam Slider widget i mam galerię IG w 3 minuty. Wcześniej próbowałam zainstalować 3 wtyczki ale pobieranie tokena itd są dla mnie za trudne… dzięki za prostsze rozwiązanie 🙂

  • Pingback: Jak promować bloga w social mediach. - VADEMECUM BLOGERA()

  • Nowe Strony

    Bardzo dziękuję za ten wpis – na moim blogu zadziałało 🙂 http://nowestrony.com.pl