Les partenaires publicitaires:

Comment personnaliser un Grooveshark Widget pour le rendre plus petit

Grooveshark permet de créer votre propre widget chanson personnalisée aussi simple que de cliquer sur quelques boutons et le code de coller dans un document HTML. Grooveshark, un service de musique gratuit, vous permet de créer des widgets playlist en sélectionnant vos chansons préférées et de coller le code du site génère dans votre page Web. Après l'ajout d'un widget à votre page, vous pouvez faire le widget plus petit en ajustant quelques valeurs dans le code HTML.

  1. Créer un widget

    • 1

      Accédez au site Web Grooveshark, et cliquez sur le "Loupe" icône en haut de la page. Une boîte de recherche apparaît. Tapez le nom d'une chanson ou un artiste dans le champ de recherche, et appuyez sur "Entrer" pour afficher une liste de chansons qui correspondent à votre terme de recherche.

    • 2

      Maintenez votre "Ctrl" clé, et cliquez sur les chansons que vous souhaitez ajouter à votre widget. Lorsque vous cliquez sur une chanson, le site met en surbrillance. Cliquez-droit sur l'une des chansons lorsque vous avez terminé. Un menu déroulant contenant une liste d'options apparaît.

    • 3

      Déplacez votre curseur sur le "Partager Chanson" option pour afficher un autre menu d'options. Cliquez "Widget." Une fenêtre ouvre et affiche le HTML codé nécessaire pour créer un widget.

    • 4

      Cliquez "Copier dans le presse-papier" pour copier ce code HTML dans le presse-papiers de Windows.

    • 5

      Lancez Notepad ou un éditeur HTML et ouvert l'un de vos documents HTML. Collez le code que vous avez copié dans la section de corps du document.

      .

    • Redimensionner Widget

      • 1

        Revoir le code du widget que vous avez collé. Il ressemble à du code ci-dessous:

        value ="http://grooveshark.com/songWidget.swf" / gt;




        value ="toujours" / gt;

        value ="hostname = cowbell.grooveshark.com&songIDs = 23006612&style = métal&p = 0" / gt;

        http://grooveshark.com/songWidget.swf "type =" application / x-shockwave-flash "

        width ="250" height ="40"

        flashvars ="hostname = cowbell.grooveshark.com&songIDs = 23006612&style = métal&p = 0"

        allowScriptAccess ="toujours" wmode ="fenêtre" / gt;

        Ce code crée un "objet" tag et une "Intégrer" tag. Les développeurs utilisent ces balises pour intégrer des éléments multimédia sur une page Web. On notera que le "objet" tag a attributs width et height. La "Intégrer" tag, situé en dessous de la "objet" tag, a également des propriétés de largeur et de valeur. Ces valeurs sont en pixels. Dans cet exemple, la largeur du widget est de 250 pixels et sa hauteur est de 40 pixels.

      • 2

        Modifiez les valeurs width et height à de plus petits nombres dans les deux balises. Faire ce qui rend l'Grooveshark Widgets plus petit.

      • 3

        Enregistrez le document et l'ouvrir à l'aide d'un navigateur. Le widget apparaît sur votre page Web. La largeur et la hauteur du widget correspondent à la taille que vous définissez dans le code HTML. Cliquez sur les widgets de "Jouer" bouton si vous aimez écouter de la musique.

    Conseils & Avertissements

    • Ne faites pas votre widget de Grooveshark trop petit. Si vous définissez sa largeur à 20, par exemple, les visiteurs du site ne seront pas en mesure de voir les commandes du widget. Ajouter des widgets supplémentaires à votre page Web en créant de nouveaux et en collant leur code HTML dans d'autres endroits au sein de la section du corps de votre document.
    » » » » Comment personnaliser un Grooveshark Widget pour le rendre plus petit