Dienstag, 1. Januar 2019

Wie man einen auf Blogger gehosteten Blog in eine Webseite einbaut

In diesem Beitrag soll es darum gehen, wie man einen eigenen Blog, den man auf der bekannten Internet-Plattform "Blogger" erstellt hat und pflegt, nahtlos in eine eigene, mit BuilderAll erstellte Webseite einbaut. Also genau das, was Sie hier auf "BuilderAll-Power" (wahrscheinlich) gerade live sehen...

Wie man dagegen einen eigenen Blog nativ in BuilderAll erstellt und betreibt,ist ein anderes Thema, auf welches ich sicherlich auch noch irgendwann in einem separaten Beitrag zurückkommen werde.

Schritte Blogger

Nachdem Sie sich bei www.blogger.com angemeldet haben, können Sie dort ganz entspannt erst einmal einen eigen Blog erstellen. Wie das gemacht wird, bekommen Sie entweder durch intuitives Probieren selbst heraus oder Sie nutzen die Anleitungen, die dazu im Netz zu finden sind. Achten Sie aber darauf, dass das Design auch zum Design Ihrer BuilderAll-Webseite passt. 

Schritte Pixel Perfect Sitebuilder

Im Designer müssen Sie als Erstes eine neue Seite erstellen - und das ist schnell gemacht:


Es macht hier auch Sinn, die Seite gleich als "Blog" zu bezeichnen, über die sie dann auch über das Menü zugänglich gemacht wird.

Auf diese neue, noch leere Seite legen wir jetzt aus dem App-Bereich das Control "HTML hinzufügen"
Es ist vorerst ein kleines graues Kästchen, auf das wir einmal doppelklicken (alternativ: Kontextmenü "Bearbeiten"):
In die "Leerzeile" Nr. 4 müssen Sie jetzt nur noch folgenden Code eingeben:

<iframe width="1250" height="768" src="//builderallpower.blogspot.com/" frameborder="0" allowfullscreen></iframe>

wobei Sie natürlich als Adresse (hier rot dargestellt) die Blogadresse Ihres Blogs eintragen müssen.
Und das ist schon alles.

Hinweis: Gilt nur für die Desktop-Ansicht! In der Tablet-Ansicht müssen Sie die Größe width eventuell etwas anpassen.

Wenn Sie sich in HTML auskennen, können Sie natürlich diesen Code verändern und ergänzen, um Einfluss auf dessen Darstellung auf Ihrer Webseite zu nehmen.

Keine Kommentare:

Kommentar veröffentlichen