Grooveshark permette di creare il tuo widget personalizzato canzone semplice come fare clic su alcuni pulsanti e incollare il codice in un documento HTML. Grooveshark, un servizio di musica gratuito, consente di creare widget playlist selezionando i brani preferiti e incollando il codice del sito genera nella pagina Web. Dopo aver aggiunto un widget alla tua pagina, è possibile rendere il widget più piccolo modificando alcuni valori nel codice HTML.

istruzione

creare widget

1 Passare al sito Grooveshark, e fare clic sull'icona "lente di ingrandimento" nella parte superiore della pagina. Viene visualizzata una casella di ricerca. Digitare il nome di una canzone o un artista nella casella di ricerca, e premere "Invio" per visualizzare un elenco di brani che corrispondono alla tua ricerca.

2 Tenere premuto il tasto "Ctrl" e fare clic su brani che si desidera aggiungere al tuo widget. Come si fa clic su una canzone, il sito evidenzia. Fare clic su una delle canzoni quando fatto. Viene visualizzato un menu a comparsa che contiene un elenco di opzioni.

3 Spostare il cursore sopra l'opzione "Condividi Song" per visualizzare un altro menu di opzioni. Fai clic su "Widget". Una finestra pop-up si apre e visualizza il codice HTML in codice necessario per creare un widget.

4 Fai clic su "Copia negli Appunti" per copiare il codice HTML negli Appunti di Windows.

5 Notepad lancio o un editor HTML e uno aperto dei documenti HTML. Incollare il codice copiato nella sezione corpo del documento.

.

Ridimensiona widget

6 Rivedere il codice del widget è stato incollato. Sembra simile al codice riportato di seguito:

<Object width = "250" height = "40"> <param name = "movie"

value = "http://grooveshark.com/songWidget.swf" />

Nome <param name = value = "finestra" "wmode" /> <param = "allowScriptAccess"

name value = "always" /> <param = "flashvars"

value = "hostname = cowbell.grooveshark.com & songIDs = 23006612 & style = metallo & p = 0" />

<Embed type = "application / x-shockwave-flash"

width = "250" height = "40"

FlashVars = "hostname = cowbell.grooveshark.com & songIDs = 23006612 & style = metallo & p = 0"

allowScriptAccess = "always" wmode = "finestra" />

</ Object>

Questo codice crea un tag "oggetto" e un tag "embed". Gli sviluppatori utilizzano questi tag per incorporare elementi multimediali in una pagina Web. Si noti che il tag "oggetto" ha attributi width e height. Il tag "embed", che si trova sotto il tag "oggetto", ha anche valore di larghezza e proprietà. Questi valori sono in pixel. In questo esempio, la larghezza del widget 250 pixel e la sua altezza è di 40 pixel.

7 Modificare i valori di larghezza e altezza per numeri più piccoli in entrambi i tag. In questo modo si rende il widget di Grooveshark più piccolo.

8 Salvare il documento e aprirlo utilizzando qualsiasi browser. Il widget viene visualizzato sulla pagina Web. larghezza e l'altezza del widget corrispondano alle dimensioni impostate nel codice HTML. Fare clic sul pulsante del widget "Play" se vi piace ascoltare la musica.

Consigli e avvertenze

• Non fare il tuo widget Grooveshark troppo piccolo. Se si imposta la sua larghezza di 20, per esempio, i visitatori del sito non saranno in grado di vedere i comandi del widget. Aggiungere widget aggiuntivi alla tua pagina web, creando nuovi e incollando il codice HTML in altre posizioni all'interno della sezione corpo del documento.