Was sind Widgets?

Widgets sind kleine, bannerähnliche Anzeigen, die man mittels HTML/Javascript-Codeschnipseln auf einer Website oder einem Weblog einfügen kann. In der Regel werden innerhalb eines Widgets bestimmte Daten angezeigt, die auf einer typischen Web2.0-Plattform als User Generated Content hinterlegt sind.

Ein Widget enthält die aktuellsten Videos eines Channels oder einer Kategorie, die die Mitglieder hinzugefügt haben.

Wie sehen Widgets aus?

Widgets sind Ableger von ViJoe die alle Videos eines Channels oder einer Kategorie auf Deiner Website oder einem Webblog zeigen. Beim anklicken eines Video-Thumbs öffnet sich automatisch ein Player auf deiner Seite mit dem entsprechendem Video.
[ So siehts aus ]

Wo finde ich ein ViJoe-Widget?

Widgets kannst Du für jeden Channel oder Unterkategorie finden. Beim anklicken auf das "Widget-Icon" (per Widget Channel/Kategorie abonnieren) öffnet sich eine Seite, auf der Du das Widget für den Channel/Kategorie erstellen kannst.

Wie erstelle ich ein Widget?

Ein Widget erstellst Du in 3 Schritten:
1. Widget-Design wählen
2. Widget-Code generieren und kopieren
3. Widget-Code in den Quellcode Deiner Website oder Webblog einfügen

1. Widgetdesign
Du kannst zwischen Reihen- Spalten- oder Blockansicht wählen. Zusätzlich kannst du entscheiden, ob der Titel des Channels oder der Kategorie, und ob eine Anzeige über die Gesamtanzahl der Videos mit erscheinen soll. Ausserdem ist noch die Anzahl und Grösse der Thumbnails wählbar, die auf Deiner Website erscheinen.

2. Widget-Code generieren und kopieren
Klicke auf den "Code generieren" Button um den Widget-Code zu aktualisieren. Kopiere den gesamten Code (Strg+C).

3. Widget-Code in den Quellcode Deiner Website oder Webblog einfügen
Öffne den Quellcode Deiner Website in einem HTML- oder TextEditor (z.B. in Word oder Notepad).
Weitere komfortablere Editoren zum Bearbeiten deines Quellcodes zum downloaden:
Open Source Text Editor zum Bearbeiten deines Quellcodes (Notepad++)
Komfortabler HTML-Editor zum Bearbeiten deines Quellcodes (nvu-composer)

Füge den kopierten Widget-Code irgendwo innerhalb des "Body-Tags" ein. (Du kannst auch dafür ein neuen Layer oder Table erstellen.)

Lade dein neuen Quellcode wieder auf Dein Server.
Fertig!