Jak dodać na bloga gadżet Instagram?

Instagram – fotograficzny serwis społecznościowy hostingu zdjęć, połączony z aplikacją o tej samej nazwie (dostępną obecnie na systemy operacyjne Windows Phone, iOS oraz Android), który umożliwia użytkownikom robienie zdjęć, stosowanie do nich filtrów cyfrowych oraz udostępnianie ich w różnych serwisach społecznościowych. Żródło - Wikipedia

Gdzie mogę stworzyć gadżet Instagram?

• http://instagme.com/ (na tej stronie w dalszej części będzie się opierać moja instrukcja)
• http://www.instagram24.pl/instagram-na-twoim-blogu.html
• http://snapwidget.com/
• http://instansive.com/
• https://instagram.com/accounts/badges/

Uwaga! Tworzenie gadżetu na powyższych stronach odbywa się na podobnej zasadzie, dlatego zdecydowałam się instrukcję przedstawić w oparciu o stronę Instagme.com oraz o stronę Instagram.com

Jak stworzyć gadżet instagram i wstawić go na bloga?
1. W pierwszej kolejności w chodzimy na jedną z powyższych stron, w moim przypadku Instagme.com
2. Dostosowujemy formularz wg naszych potrzeb

Username - nazwa użytkownika, czyli nick, którzy wybraliśmy sobie podczas tworzenia konta w aplikacji Instagram 

Hashtag - jest pojedynczym słowem lub wyrażeniem bez spacji poprzedzonym symbolem #

Typ widgetu:

• Slideshow - pokaz slajdów, czyli zdjęcia, które kolejno po sobie występują
• Glid - kilka wyświetlających się obrazków

Thumbnail Size - rozmiar każdego z poszczególnych zdjęć. Nie trzeba martwić się o ustawianie szerokości i długości, ponieważ obrazki są kwadratowe, toteż wymiar musi być identyczny.

Photo Border - granica między obrazkami, zaznaczając "yes" zgadzamy się na występowanie ramki między obrazkami, a w przeciwnym wypadku sprzeciwiamy się, wybiejąc "no"

Background Color - kolor tła naszego gadżetu. Należy w to pole wpisać odpowiedni kod html hex, który możemy znaleźć chociażby tutaj: http://www.kurshtml.edu.pl/html/wykaz_kolorow,kolory.html

Ikony udostępniania - są to najczęściej ikony serwisu społecznościowego Twitter.com oraz Facebook.com

3. Przykład uzupełnionego formularza + dodatkowe dane, które będziemy musieli uzupełnić1. 

• Ponieważ wybrałam opcję "Glid" wyświetliła mi się również komórka "Layout". W tym polu musimy uzupełnić ile chcemy mieć obrazków w gadżecie. Tutaj możemy wpisać dwie odmienne cyfry w zależności, czy chcemy więcej obrazków na szerokość lub na długość.
• Photo Padding - jest to wielkość odstępu między poszczególnymi obrazkami

4. Teraz, kiedy mamy już wszystko uzupełnione możemy zobaczyć podgląd naszego gadżetu po na kliknięciu na przycisk "Preview" lub na wygenerowanie odpowiedniego po naciśnięciu na "Get Code".

5. Kopiujemy kod HTML (zaznaczamy kod HTML i klikamy prawy przycisk myszki).

6. Logujemy się na blogger.com i wchodzimy w układ naszego bloga, a tam wybieramy "Dodaj gadżet" w miejscu, gdzie chcemy umieścić gadżet Instagram.
7. Gadżet, który nas głównie interesuje to oczywiście: "HTML/JavaScript"

8. Wklejamy kod HTML i zapisujemy!

Podgląd gadżetu Instagram na blogu

Wizytkówki Instagrama na blogu
1. Wchodzimy na stronę Instagram.com i logujemy się na naszym koncie.
2. Następnie naciskamy nasz profil i klikamy napis "Wizytówki", bądź od razu chodzimy w niniejszy link: https://instagram.com/accounts/badges/

3. Wybieramy wygląd i rozmiar naszej wizytówki (punkt pierwszy na powyższym obrazku)
4. Kopiujemy kod html i wklejamy go również do gadżetu: "HTML/JavaScript". Zapisujemy!

Wygląd Instagram'a na komputerze

Mam nadzieję kochani, że instrukcja przydatna. Może macie ochotę na coś nowego, czego tu jeszcze nie było? Pomysły mile widziane w komentarzach.