Anpassen von GrooveShark Widget um es zu verkleinern

GrooveShark erleichtert das Erstellen eigener Widgets angepassten Song so einfach wie ein paar Schaltflächen klicken und Einfügen von Code in einem HTML-Dokument. GrooveShark, eine kostenlose Musik-Service können Sie Playlist Widgets erstellen, indem Sie Ihre Lieblingssongs auswählen und Code, den die Website generiert in Ihre Webseite einfügen. Nach dem Hinzufügen einer Widgets auf Ihrer Seite, können Sie das Widget kleiner machen, durch ein paar Werte im HTML-Code Optimierungen.

Anweisungen

Widget erstellen

1 Navigieren Sie zu der GrooveShark-Website, und klicken Sie auf das Symbol "Lupe" am oberen Rand der Seite. Ein Suchfeld angezeigt wird. Geben Sie den Namen der Musiktitel oder Künstler in das Suchfeld ein, und drücken Sie "Enter" zum Anzeigen einer Liste von Songs, die Ihrem Suchkriterium entsprechen.

2 Ihre "Ctrl" gedrückt halten und auf Lieder, die Sie Ihr Widget hinzufügen möchten. Während Sie auf einen Song klicken, werden Sie von die Website hervorgehoben. Mit der rechten Maustaste eines der Lieder, wenn fertig. Ein Popup-Menü mit einer Liste von Optionen wird angezeigt.

3 Bewegen Sie den Cursor über die "Share-Song"-Option, um ein weiteres Menü mit Optionen anzuzeigen. Klicken Sie auf "Widget". Ein Popupfenster wird geöffnet und zeigt das HTML codiert erforderlich, um ein Widget zu erstellen.

4 Klicken Sie auf "In Zwischenablage kopieren" um diesen HTML-Code in die Windows-Zwischenablage zu kopieren.

5 Starten Sie Notepad oder einen HTML-Editor, und öffnen Sie Ihre HTML-Dokumente. Fügen Sie den Code, den Sie in der Body-Bereich des Dokuments kopiert.

.

Die Größe der Widget

6 Überprüfen Sie den Widget-Code, den Sie eingefügt. Es sieht ähnlich wie der folgende Code:

< Objekt Breite = "250" Height = "40" >< Param Name = "Movie"

Wert = "als http://grooveshark.com/songWidget.swf" / >

< Param Name = "Wmode" Value = "Fenster" / >< Param Name = "AllowScriptAccess"

Wert = "immer" / >< Param Name = "Flashvars"

Value="Hostname=cowbell.Grooveshark.com & SongIDs = 23006612 & Style = Metall & p = 0" / >

< einbetten Typ = "Application/X-Shockwave-Flash"

Breite = "250" Height = "40"

flashvars="Hostname=cowbell.Grooveshark.com & SongIDs = 23006612 & Style = Metall & p = 0"

AllowScriptAccess = "immer" Wmode = "Fenster" / >

< / Objekt >

Dieser Code erstellt ein "Objekt"-Tag und ein Tag "einbetten". Entwickler verwenden diese Tags um multimediale Elemente auf einer Webseite eingebettet. Beachten Sie, dass das "Objekt"-Tag Width und Height-Attribute verfügt. Das "einbetten"-Tag, befindet sich unterhalb der "Object"-Tag, hat auch die Eigenschaften Width und Wert. Diese Werte sind in Pixel. In diesem Beispiel das Widget Breite 250 Pixel und die Höhe beträgt 40 Pixel.

7 Ändern Sie die Werte für Breite und Höhe in kleineren Stückzahlen in beide Tags. Auf diese Weise macht das GrooveShark-Widget kleiner.

8 Speichern Sie das Dokument, und öffnen Sie es mit jedem Browser. Das Widget erscheint auf Ihrer Web-Seite. Höhe und Breite des Widgets entsprechen die Größen, die Sie im HTML-Code festlegen. Wenn Sie Musik hören möchten, klicken Sie auf das Widget, die Taste "Play".

Tipps & Warnungen

• Machen Sie Ihr Widget GrooveShark nicht zu klein. Wenn Sie die Breite auf 20 festgelegt, werden z. B. Website-Besucher nicht das Widget Steuerelemente sehen können. Fügen Sie weitere Widgets auf Ihrer Web-Seite, neue zu erstellen und Einfügen von HTML-Code an anderen Standorten im Body-Abschnitt des Dokuments.