Jimdo-Elemente » ...externen Blog einbinden

16.12.2016 09:05 (zuletzt bearbeitet: 20.12.2016 14:32)

Maysi
#1

Ma

Da ich jetzt doch Stockholm (www.maysi-art.de) nutze hat sich das mit dem Inhalt nach oben setzen erstmal erledigt.

Aber ich würde nun gerne den Inhalt meines externen Blogs direkt auf einer Jimdoseite anzeigen lassen. So wie das z.B. auch mit der Facebookseite geht.
Wie mache ich das?

Antworten

Beitrag melden

#2

18.12.2016 19:51

Maysi
#2

Ma

Maysi

Hat keiner eine Idee, wie ich den externen Blog direkt einbinde? Wäre echt froh über Hilfe.

Antworten

Beitrag melden

#3

18.12.2016 22:25

az_
#3

az_

...was für einen externen Blog benutzt Du denn? manchmal kann man sowas per "embed-Code" machen, sonst geht es aber immer auch per iframe:

http://www.iframe-generator.com/

LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#4

19.12.2016 08:53

Maysi
#4

Ma

Maysi

Oh super :-) Danke! Mein Blog ist bei Blogger: http://maysi-art.blogspot.de/

Wie ginge es denn per embed Code? Sieht das dann so aus, wie z.B. mit der Facebookseite, also das man "nur" die Inhalte und nicht das ganze "drumrum" sieht?

Antworten

Beitrag melden

#5

20.12.2016 13:40 (zuletzt bearbeitet: 20.12.2016 15:02)

az_
#5

az_

...genau.

Es geht aber auch per iFrame mit ein paar kleinen Anpassungen. Ich hab das gerade mal mit Deinem Blog ausprobiert. Wenn Du mir erlaubst, das Beispiel auf meiner Test-Seite zu veröffentlichen (...wird von Google nicht indexiert), gebe ich Dir den Code:

(...Beispielseite momentan noch nicht öffentlich)

LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#6

20.12.2016 17:46

Maysi
#6

Ma

Maysi

Ohja, das würde mir sehr gefallen!
Ja klar, die Erlaubnis hast du :-)

Antworten

Beitrag melden

#7

20.12.2016 20:19 (zuletzt bearbeitet: 20.12.2016 20:37)

az_
#7

az_

Hatte es fast schon, aber zu früh gefreut...

...hier meine Vorgängerversion, ohne Style-Übergabe:

- https://forum-images.jimdo.com/blogs/externe-blogs/

...im Head-Bereich:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 

<style type="text/css">
    #my_iframeContainer {
        height: 800px;
        width: 100%;
    }
    
    #my_iframe {
        transform: scale(0.5);
        transform-origin: left top;
    }
</style>
 

 

...im html-Widget:

1
2
3
4
5
6
7
8
 

 
<div id="my_iframeContainer">
    <iframe id="my_iframe" src="https://maysi-art.blogspot.de/" 
       style="border:0px #ffffff none;" scrolling="true" frameborder="0" marginheight="0px" marginwidth="0px" 
       height="1600px" width="200%" allowfullscreen="false" name="my_iframe" />
</div>
 
 

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#8

21.12.2016 13:29

Maysi
#8

Ma

Maysi

So wie oben bei der ersten Beispielseite geht also gar nicht? Schade, das gefiel mir besonders gut, so wird mein Blog auch auf dem Smartphone angezeigt, also ohne das drumrum.
"Trotzdem" ;-) vielen Dank für deine Hilfe. Das Forum hier ist echt super hilfreich :-)

Antworten

Beitrag melden

#9

21.12.2016 21:02 (zuletzt bearbeitet: 21.12.2016 21:11)

az_
#9

az_

...auf der Beispielseite findest Du noch einen zweiten Blog (Testblog), den ich mit eine responsiven Vorlage erstellt habe. Die wird im iframe besser dargestellt. Du kannst versuchen, Deine derzeitige Vorlage auch responsiv zu machen.

Da ist auch ein Link zu einer Seite, wo Du andere responsive Vorlagen bekommst: https://btemplates.com/blogger-templates/responsive/
Damit kannst du ja mal ein weinig herumexperimentieren, wenn Du willst. Ich wäre gespannt auf das Ergebnis!

LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html