Jak dodać gadżet Intagrama na bloga?

Jakiś czas temu kilka osób pytało mnie jak dodać okienko Instagrama na bloga. W w końcu znalazłam czas, by przyjrzeć się dostępnym gadżetom. Jeśli masz ochotę u siebie dodać takie okienko zapraszam poniżej.

W internecie jest kilka stron generujących widgety Instagrama. Możesz wybierać między różnymi stylami gadżetów, ale niektóre z nich zamiast odsyłać bezpośrednio do Twojego profilu, przekierowują do strony tworzącej gadżet. Chciałam Ci dzisiaj pokazać dwa takie generatory. Oczywiście dostępnych jest więcej, ale oferują bardzo podobne, jeśli nie identyczne, gadżety.

1. Instansive

Zaletą tej strony jest to, że gadżet przekierowuje od razu do strony Instagrama. Pierwsze co musisz zrobić to uzupełnić pole "Put Your Instagram name here" i wpisać swoją nazwę. Możesz też zamiast nazwy wybrać w okienku poniżej hashtag - wtedy gadżet będzie zaciągał wszystkie posty, które są nim oznaczone. Pamiętaj, że musisz wybrać między tymi dwoma możliwościami, albo wygenerować dwa oddzielne gadżety.

Do wyboru masz trzy style okienek. Jak wyglądają poszczególne style możesz zobaczyć poniżej.

 - Grid

"Number of Columns" - liczba kolumn

"Number of Rows" - liczba wierszy

"Image Hower Effects" = efekt po najechaniu myszką. Możesz wybrać "Fade In", czyli czyste zdjęcie, które po najechaniu myszką robi się zamglone, lub na odwrót - "Fade On". Możesz też wybrać brak efektu czyli "None"

Poniżej masz do wyboru opcje dodatkowe, które możesz zaznaczyć haczykiem:

"Use image preloader" - pojawiają się ozdobne znaczniki przy ładowaniu zdjęć

"Show captions" - pokazuje kilka początkowych słów z opisu zdjęcia

"Remove photo padding" - usuwa ramki wokół zdjęć

Tak wygląda przykładowy gadżet w tym stylu:

- Slideshow

Wystarczy wybrać liczbę zdjęć i efekt po najechaniu myszką (j.w.)

Przykładowy gadżet:

- Columns

"Number of Columns" - liczba kolumn

"Number of Photos" - liczba zdjęć

Przykładowy gadżet:

Przy wprowadzaniu każdych zmian wystarczy nacisnąć przycisk "Preview" by zobaczyć jaki będzie efekt finalny. Gdy już zdecydujesz, że to o to Ci chodziło, wybierz "Get Code" i skopiuj wygenerowany kod. Teraz tylko wystarczy go dodać jako gadżet HTML/java na blogu.

2. Snapwidget

Bardzo podobny generator. Ma tylko jedną wadę - zamiast odsyłać do Twojego profilu na Instagramie, przekierowuje do własnej strony.

Podobnie jak na wcześniejszej stronie, zacznij od wypełnienia pola "Username" albo "Hashtag", a następnie wybierz jeden z dostępnych stylów.

- Grid
Wygląda identycznie jak w Instansive, ale posiada dodatkowe dwie cechy, których nie ma poprzednik:
 "Sharing Button" - możesz do każdego obrazka dodać opcje udostępnienia
"Photo Padding" - możesz określić odstępy między zdjęciami.

Przykładowy gadżet:


- Board
Wygląda podobnie jak Grid, ale zawiera też kilka początkowych słów z opisu. Ustawienia identyczne jak wyżej.

Przykładowy gadżet:


- Scrolling
Ten gadżet to przesuwany slider.
"Thumbnail Size" - wielkość zdjęć
"Widget Width" - długość slidera
"Auto Start Scroling" - zdecyduj czy obrazki mają się przesuwać automatycznie czy ręcznie, po najechaniu myszką.

Przykładowy gadżet:


- Slideshow
Gadżet podobny do Slideshow z Instansive - inny jest tylko efekt przejścia między zdjęciami.

Przykładowy gadżet:


"Preview" oczywiście służy do podejrzenia efektów zmian, a "Get Widget" generuje kod, którzy należy dodać jako gadżet HTML/java na blogu.

POWODZENIA!

Chcesz żeby w PORADACH BLOGOWYCH poruszyła jakiś konkretny temat? Śmiało pisz!