Myspace

vendredi 28 juillet 2006.

Créer le « blog » d’un groupe sur Myspace Music

Introduction

Avec plus de 86 millions d’utilisateurs (en juin 2006), il n’est plus nécessaire de présenter le site Myspace.

Si vous n’avez pas d’expérience dans la création et dans la gestion d’une page Web, vous pourrez la créer simplement et rapidement avec Myspace.

Etape 1 - Création du compte Myspace Music

Connectez-vous sur le site Myspace Music
Remplissez le formulaire d’inscription

Etape 2 - Personnalisation

Une fois le compte créé, vous accédez à la page de gestion du site. La partie gauche contient un cadre dans lequel se trouvent les outils de gestion de la page :

Cliquez sur "Edit profile".

Remplissez les informations des 4 onglets :

  Upcoming Shows : les concerts prévus,
  Band Details : titre, biographie, membres, influences, site web, etc.,
  Basic Info : nom du groupe, pays,
  Manage Songs : gestion des fichiers audio diffusés par le player interne,
  Listing Info : genres musicaux.

Note : vous pouvez mélanger du texte et du code HTML. Par exemple, on peut insérer une image située sur un site Web externe :

Cliquez sur "Upload / Change Photos" pour ajouter la photographie qui apparaît en haut et à gauche du profil (et les photographies accessibles en cliquant sur "View My Pics").

Utilisez le formulaire de téléchargement pour charger les images sur le serveur de Myspace. Cliquez enfin sur "Default" pour sélectionner l’image que les visiteurs verront en premier.

Etape 3 - Personnalisation avancée

Il est possible de modifier complètement l’interface en utilisant le langage CSS (feuilles de styles en cascade).

On peut trouver des cours sur le Web qui permettent de se former au langage.

Ne cherchez pas dans l’interface de Myspace ou saisir la feuille de style : il faut la copier dans le champ « Bio » (cliquer sur "Edit").

Comme ce champ contient du texte, copiez simplement le code CSS avant ou après le contenu).

Un exemple de feuille de styles

<style>
body {background-color: rgb(233, 233, 255);
/* image de fond non répétée */
background-image:
url(http://www.monsite.fr/img/background.jpg);
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;}
/* tables transparentes sans bordures */
table, tr, td {background-color: transparent;
	border: 0px;}
/* police, taille et couleur du texte */
body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 {
	font-family: Arial;
	font-size: 12px;
	color: rgb(0,0,0);
	font-weight: normal;
	font-style: normal;
	text-decoration: none;}
/* police, taille et couleur du titre */
.nametext {padding: 5px;
	display:block;
	font-family: Arial;
	font-size: 20px;
	color: rgb(0, 0, 0);
	font-weight: bold;
	font-style: normal;
	text-decoration: none;}
.whitetext12, .orangetext15 {font-family: Arial;
	font-size: 18px;
	color: blue;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;}
/* liens */
a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {color: blue;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;}
a.navbar:hover, a.man:hover, a:hover {color: blue;
	font-weight: bold;
	font-style: normal;}
</style>

Un outil spécifique permet de modifier la "contact table" :

www.myspace.com/contacttables

haut de la page

	Architecture 3D
	Images 3D
	Informatique
	Vrac