find-templates

Instagram Galerie

zurück zur Übersicht

Deine Instagram-Galerie einbinden

Hier ein Beispiel meiner Handy-Uploads auf Instagram (meine Profilseite).
Bildgröße, Anzahl und Ausrichtung lassen sich im Generator einstellen.

Instagram ist eine kostenlose Foto-Sharing-App für Android- und iOS-Mobilgeräte.
Jeder Handy-Upload (auf Instagramm) ist auch sofort auf Deiner Homepage zu sehen.

Schritt 1: Instagram-Generator

- auf die Seite http://web.stagram.com
- dort mit Deinem Instagram-Namen einloggen
- klicke anschliessend auf Tools
- scrolle herunter zu "Instagram Gallery for your Blog / Website"
- gebe im Generator den Usernamen ein
- gebe gewünschte Bildbreite ein, z.B. 150 Pixel
- gebe Anzahl der Bilder nebeneinander an , z.B. 3
- gebe Anzahl der Reihen untereinander an, z.B. 2
- Feld für Hintergrundfarbe leer lassen = transparent
- Feld Space of each photo = Abstand zwischen den Bildern
- mit Klick auf "Generate Code" bekommst Du den HTML-Code zum kopieren

Schritt 2: Einfügen in Hompage

- Einloggen in Homepage
- auf "Eigene Seiten editieren"
- Seite auswählen / oder erstellen
- die Seite ist nun zum Bearbeiten offen
- im Editor oben links auf "Quellcode" klicken
- den kopierten HTML-Code einfügn

Für die Rechte Box auf der Hompage:
Immer Dein aktuellstes Handy-Foto in der rechten Box ?

- wähle im Instagram-Generator "Layout" 1 x 1
- wähle Bildbreite z.B. 160 Pixel (Breite der Box beachten)
- keinen Abstand (0) bei "space of each photo"
- fertigen Code einfügen im Feld "rechte Box" (bei "Design einstellen")



Möglichkeit 2 für Instagram:

- auf die Seite http://embedagram.com
- dort mit Deinem Instagram-Namen einloggen
- klicke auf Button "the widget"
- Dir wird ein Code zum kopieren angezeigt



Heute: 5 Besucher