Shopanbieter-News auf jede Website

Blogsysteme sind was Wunderbares, denn sie erzeugen aus den Artikeln RSS-Feeds. Das löst die Inhalte vom Korsett der Website.

Also: Wenn Sie die Shopanbieter-News mögen und Ihre Website gern mit diesem Content aufwerten möchten: Nur zu, es geht ganz einfach!

Es gibt nämlich ein "Shopanbieter-Wlidget", das so ähnlich wie hier rechts aussehen kann (wo ich es aber verkleinert habe, eine ‚echte‘ Version gibt es im Volltext des Artikels).

Das Shopanbieter-News-‚Blidget‘ gibt es hier bei Widgetbox.com. Dort kann man sich das News-Kästchen nach Gusto individuell konfigurieren. So kann zwischen 12 Farben des Rahmens und zwei unterschiedlichen Breiten gewählt werden. Sehen wir uns das Schritt für Schritt an:

1. Die Breite ("Layout")

Ob der Infokasten hochformatig oder mehr breitformtig aussehen soll, legt man mit einem Klick auf diese beiden Buttons fest. Widgetbox ändert bei jeder neuen Auswahl dann auch das Aussehen der Beispielanzeige auf der Seite.

2. Farbwahl ("Theme")

Die Farbe des Rahmens wird über diese Buttons ausgewählt, ein Klick auf ein Farbkästchen ändert die Einstellung. Und auch hier gilt: Wie die neue Farbe wirkt, bekommt man im Beispiel auf der Widgetbox-Seite gleich angezeigt!

3. Welche Inhalte? ("Display")

Hier bestimmen Sie, ob nur die Überschriften ("Headlines only") oder Überschriften und Artikelanfänge ("Headlines and articles") eingeblendet werden sollen. Zudem können Sie bei "Show images in posts (if any)" einen Haken setzen, wenn auch eventuelle Bilder mit angezeigt werden sollen.

4. Und jetzt ab in die Website damit

Haben Sie das Widget zu Ihrer Zufriedenheit konfiguriert, können Sie es in Ihre Website oder Ihr Blog einfügen. Dafür klicken Sie den grünen Button "Get Widget". Danach färbt sich die eigentliche Widgetbox-Website dunkelgrau und es öffnet sich das "Get Widget-Menü" (Bild rechts, Klick vergrößert):

Hier bietet Widgetbox für Blogger.com- und TypePad-Blogs oder auch für die individuellen Google-Seiten und ähnliche Dienste direkte "Installationsroutinen" an. So müssen Sie für die Integration in diese Dienste einfach den entsprechenden Button im "Get Widget-Menü" anklicken (eventuell müssen Sie vorher schon im jeweiligen Dienst – z.B. TypePad – eingeloggt sein.

Für alle anderen Webseiten müssen Sie nur einen kleinen HTML-Schnipsel in den HTML-Quellcode der jeweiligen Seite einfügen. Den einzufügenden Codeschnipsel finden Sie unter dem Menüpunkt "Get Widget Code" (im Bild oben rechts mit rotem Kreuz markiert). Es öffnet sich eine Anzeige zweier unterschiedlicher Arten von Einfügecodes (Bild links, Klick vergrößert): Oben steht der Code für die Einbettung des Widgets über Javaskript, im unteren Fensterchen der für die Einbettung als Flashobjekt.

Welche Methode der Einbettung Sie wählen bleibt also Ihnen überlassen, in den Beispielen hier habe ich die Flashvarianten verwendet.

Kopieren Sie nun den gesamten Quelltext im ausgewählten Fensterchen. Leider sind die Fensterchen sehr klein, das macht das Markieren des Gesamttextes etwas fummelig. Fügen Sie dann den kopierten Quelltext an gewünschter Stelle im HTML-Quelltext Ihrer Webseite ein. Speichern Sie die Änderung an Ihrer Website – fertig.

Ab sofort werden die Shopanbieter-News dann bei Ihnen eingeblendet – beispielsweise so wie nebenstehend!

Viel Spaß mit dem neuen Widget wünscht
Nicola Straub