So fügen Sie Bild-Widgets zu Tumblr hinzu

Programmierer im Web erstellen Widgets, mit denen Sie Ihren Tumblr-Blog mit Video-, Audio- und Bildinhalten erweitern können. Mit Tumblr können Sie diese Elemente bereits veröffentlichen, aber Widgets ermöglichen es Benutzern oft, mit Inhalten auf einer Webseite zu interagieren. Viele Bild-Widgets bieten beispielsweise Benutzern die Möglichkeit, Bilder anzuzeigen, die in Diashows angezeigt werden, die sie steuern können.

Widget-Grundlagen

Im Gegensatz zu regulären Anwendungen, die eine Installation erfordern, bestehen Widgets aus HTML-Code, den Sie kopieren und in Websites und Blogs einfügen können. Sie müssen diesen Code nicht schreiben, da die Site mit dem Widget dies für Sie übernimmt. Sie müssen lediglich den generierten Code kopieren. Einige Widget-Sites bieten auch die Möglichkeit, die Abmessungen, das Layout und andere Funktionen eines Widgets anzupassen. Die Möglichkeit, die Abmessungen zu ändern, ist wichtig, wenn Ihr Widget eine bestimmte Größe haben soll.

Einfügen Ihres Bild-Widgets

Es dauert nur wenige Klicks, um ein Bild-Widget zu Ihrem Tumblr-Seitenbereich hinzuzufügen. Klicken Sie auf der Dashboard-Seite auf die Schaltfläche "Anpassen" und fügen Sie Ihren Widget-Code in das Beschreibungsfeld auf der linken Seite der Seite "Theme anpassen" ein. Wenn in diesem Feld bereits Text oder anderer Code vorhanden ist, fügen Sie den neuen Widget-Code über diesem Inhalt ein, wenn das Widget oben im Seitenbereich angezeigt werden soll. Fügen Sie andernfalls den Code unter dem vorhandenen Inhalt ein, um das Widget unten im Seitenbereich zu platzieren. Wenn Sie verstehen, was der vorhandene Code in Ihrem Beschreibungsfeld bewirkt, fügen Sie den neuen Code an einer beliebigen Stelle innerhalb dieses Codes ein.

Wählen Sie Ihr Widget

Wenn Sie kein Bild-Widget haben, können Sie eines bei Flickr erhalten, indem Sie eine Flickr-Diashow ansehen und auf das Menü "Teilen" in der oberen rechten Ecke der Diashow klicken. Kopieren Sie den Widget-Code oder klicken Sie auf "Diesen HTML-Code anpassen", wenn Sie das Widget vor dem Kopieren des Codes anpassen möchten. Auf der PhotoSnack-Site können Sie Fotos hochladen, die Sie zum Erstellen eines Diashow-Widgets verwenden möchten. Klicken Sie auf "Fotos hochladen" der Site, melden Sie sich für ein kostenloses Konto an und folgen Sie den Anweisungen des Assistenten, um Ihr Widget anzupassen und seinen Code zu generieren.

Tipps zur Anpassung

Wenn Sie in Ihrem Tumblr-Dashboard auf "Anpassen" klicken, müssen Sie möglicherweise nach oben oder unten scrollen, um Ihr Beschreibungsfeld zu sehen. Es empfiehlt sich, den vorhandenen Text dieser Box zu kopieren und als Backup zu speichern. Führen Sie diese Aufgabe aus, und Sie können sie jederzeit wieder in das Feld einfügen, wenn Sie Ihren Seitenbereich in seinen ursprünglichen Zustand zurückversetzen möchten. Nachdem Sie Code in das Feld Beschreibung eingefügt haben, sehen Sie eine Vorschau des Seitenbereichs. Wenn Sie mit der Vorschau zufrieden sind, klicken Sie auf "Speichern", um Ihre Änderungen zu speichern.