Blogerzy wszystkich platform, łączcie się!

Dyskusje Blogerów, Fotoblogerów i Vlogerów - fora blogowe, graficzne, ogólnotematyczne
rozmowy o blogach, porady, instrukcje, ciekawostki z internetu



::
Autor Wiadomość
jecamilove 
Blogger.Klub

Wiek: 25
Dołączyła: 22 Sie 2016
Posty: 0
Miasto: Gdańsk

  Wysłany:    [blogger] Jak umieścić wpis z instagrama w poście na blogu?

hej,

chciałabym dołączyć w poście na blogspot wybrane zdjęcia z instagama wraz z aktywnymi buttonami "obserwuj" itp.

Tak jak na przykładzie tej strony:

Kod

http://www.elle.de/blumenkohl-reis


Tam wyświetla się aktualna liczba lików, komentarzy, nick instramowy, opis zdjęcia, wszystko zaciągnięte z aplikacji.

Jeśli ktoś z Was ma pomysł co trzeba dodać w html, aby posty wyświetlały się w ten sposób będę przewdzięczna. Nie mogę niestety znaleźć na forum podobnego zapytania, jeśli jest proszę podlinkujcie. :) :help: :help:
 
  podziel się tym postem na:




Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do społeczności na G+ --- Dołącz do grupy Bloggerów na FB

Htsz 
Blogger Top Contributor
Blogowicz.Team


Zaproszone osoby: 82
Imię: Arkadiusz (Arek)
Pomógł: 799 razy
Wiek: 33
Dołączył: 01 Sty 2006
Posty: 8837
Miasto: Wrocław

Wysłany: 2016-08-22, 13:40   

Zacznę od tego, że wszelkie skrypty i dodatki, które mają wyświetlać się w postach na blogu, należy dodawać w widoku HTML wpisu podczas jego tworzenia / edycji.

Standardowo jak otworzysz podstronę posta na instagramie: https://www.instagram.com...-by=photolovepl to w prawym, dolnym rogu widać trzy kropki. Po kliknięciu na nie otworzy się menu i jedną z opcji jest "kod osadzania". Wygląda mniej więcej tak:

Kod

<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-version="7" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:8px;"> <div style=" background:#F8F8F8; line-height:0; margin-top:40px; padding:50.0% 0; text-align:center; width:100%;"> <div style=" background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURczMzPf399fX1+bm5mzY9AMAAADiSURBVDjLvZXbEsMgCES5/P8/t9FuRVCRmU73JWlzosgSIIZURCjo/ad+EQJJB4Hv8BFt+IDpQoCx1wjOSBFhh2XssxEIYn3ulI/6MNReE07UIWJEv8UEOWDS88LY97kqyTliJKKtuYBbruAyVh5wOHiXmpi5we58Ek028czwyuQdLKPG1Bkb4NnM+VeAnfHqn1k4+GPT6uGQcvu2h2OVuIf/gWUFyy8OWEpdyZSa3aVCqpVoVvzZZ2VTnn2wU8qzVjDDetO90GSy9mVLqtgYSy231MxrY6I2gGqjrTY0L8fxCxfCBbhWrsYYAAAAAElFTkSuQmCC); display:block; height:44px; margin:0 auto -44px; position:relative; top:-22px; width:44px;"></div></div> <p style=" margin:8px 0 0 0; padding:0 4px;"> <a href="https://www.instagram.com/p/BGeEiKcLmY6/" style=" color:#000; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none; word-wrap:break-word;" target="_blank">Pirates of Caribbean :-D #lego #piraci #pirates #piratesofthecaribbean #treasure #treasureisland #wyspaskarbow #oldschool</a></p> <p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;">Zdjęcie zamieszczone przez użytkownika Arkadiusz Htsz (@photolovepl) <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2016-06-10T10:01:27+00:00">10 Cze, 2016 o 3:01 PDT</time></p></div></blockquote>
<script async defer src="//platform.instagram.com/en_US/embeds.js"></script>
Niestety ciągnie się 'kilometrami' i nie wygląda za ładnie.

więcej info => https://www.instagram.com/developer/embedding/
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się dodając link do tego forum na swoim blogu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku lub dodać do obserwowanych na google+. :^^:
 
  podziel się tym postem na:
jecamilove 
Blogger.Klub

Wiek: 25
Dołączyła: 22 Sie 2016
Posty: 0
Miasto: Gdańsk

Wysłany: 2016-08-22, 14:23   

nie było to jednak takie trudne jak myślałam. Bardzo dziękuje za pomoc, działa :)
 
  podziel się tym postem na:
Wyświetl posty z ostatnich:   
::
Odpowiedz do tematu
Nie możesz pisać nowych tematów. Zobacz szczegóły.
Nie możesz odpowiadać w tematach. Zobacz szczegóły.
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Nie możesz ściągać załączników na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB & Weblove.pl © 2006-2018 Wrocław | modified by Przemo © 2003 phpBB Group.
skocz na górę   |  shoutbox
 
Dodaj na Facebooku:
Dodaj na Google+:


Zobacz także:


Szablony wordpress
kod zniżkowy -10% za licencję
w koszyku wpisz: Blogowicz
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz