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?
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.

Comments

  1. Werka, masz instagrama? :) :D

    ReplyDelete
  2. Super post. Mam pytanie. Poleciłabyś mojego bloga msp-msp-msp-oliwia.blogspot.com ?
    Pozdrawiam
    oliwiazawadzka123

    ReplyDelete
  3. Super post. Mam pytanie. Poleciłabyś mojego bloga msp-msp-msp-oliwia.blogspot.com ?
    Pozdrawiam
    oliwiazawadzka123

    ReplyDelete
    Replies
    1. Zarejestruj się poprzez ten link i odbierz darmowe Elite VIP http://dogry.pl/r/koxaker

      Delete
  4. Super na pewno skorzystam na swoim blogu! :) Jeśli macie chwilkę to zobaczycie mój blog? karolina33344-msp.blogspot.com

    ReplyDelete
  5. Zarejestruj się poprzez ten link i odbierz darmowe Elite VIP
    http://dogry.pl/r/koxaker

    ReplyDelete
  6. Fajny poradnik, dziękuję!

    ReplyDelete

Post a Comment

Dziękujemy za każdy komentarz

Popular posts from this blog

Co zrobić gdy msp nam nie działa ?

Jak nie dać się oszukać ?

Jak napisać dobry post?