gotsky blog

Tutoriel: Utiliser Yozik sur Tumblr

D’un côté, Yozik fournit de nombreux outils aux artistes, labels et groupes de musique, à insérer sur leur site ou blog.
De l’autre, Tumblr, à mi chemin entre Twitter et les blogs classiques, et surtout l’un des services les plus simples pour créer son blog

D’où l’idée de ce tutoriel pour insérer facilement les widgets Yozik, sur son Tumblr.

Voir ici un exemple dans le Tumblr de Yozik d’un panier permettant de vendre un morceau en téléchargement.

De la même manière, on pourra, comme sur wordpress, insérer tous les codes fournis par Yozik pour afficher tous les liens vers ses différents articles (un morceau ou un album en téléchargement, un cd, un tee-shirt, …), une mini-boutique, un player, une playlist, l’inscription à la newsletter, ….

Pour commencer il faudra, si ce n’est déjà fait, ouvrir un compte Yozik et un compte Tumblr. Les deux services proposent une offre gratuite et il suffira de renseigner les classiques email et mot de passe et pour ensuite configurer ses comptes respectifs.

Une fois le premier article créé sur Yozik, on peut commencer par insérer le script nécessaire à l’ouverture des fenêtres Yozik dans Tumblr.
Le script sera effectif pour tous les différents liens dans le blog.
Il n’est donc pas nécessaire de répéter ce processus par la suite sauf en cas de changement de thème.

Dans l’onglet Articles de l’admin Yozik, sélectionner l’article souhaité.

Dans le cadre CODE A COPIER/COLLER, choisir le type de lien Iframe Html (sélectionné par défaut)
Pour configurer le positionnement du panier dans le blog Tumblr, cliquer sur le lien options de l’iframe .
Pour mon exemple je choisi de fixer l’iframe pour que le panier suive la barre de scroll, et de le positionner à 30 pixels du haut de la page et à 10 pixels du bord droit
Dans le cadre CODE A COPIER/COLLER, copier le premier code, celui à ajouter après la balise body.
Sur sa page Tumbl maintenant, cliquer sur Customize, puis sur Theme

Dans le code du thème qui vient de s’afficher, rechercher la balise <body> et coller le code qui vient d’être copier juste après. Sauvegarder les modifications en cliquant sur Save Changes.

Voyons maintenant comment insérer le panier comme dans l’exemple ci-dessus:

Copier le code du lien vers l’article dans l’admin de yozik
Sur le dashboard de Tumblr, modifier les préferences d’édition du compte en cliquant sur Account, Preferences. Dans le cadre Editor choisir Edit posts using: plain text/HTML
Toujours sur le dashboard de Tumblr, créer un Post de type Text

Copier le code et créer le Post (Create Post)

Et voilà!

voir le tutoriel vidéo

31 August 2009 | Internet, Musique en ligne, Programmation, Tutoriel, Yozik | Commentaire (1)

2 outils et 1000 ressources

J’utilise depuis peu deux nouveaux outils pour le développement web:

Komodo edit: un éditeur qui m’a fait oublier notepad++ auquel j’étais pourtant bien habitué. Un peu plus lourd mais très pratique avec des fonctionnalités comme l’auto complétion de code, la gestion de projet avec par exemple la recherche par dossier, …

OpenTeams: Un wiki nouvelle génération, simple d’utilisation et qui offre un accès gratuit. Un petit bémol pourtant: Les accents ne sont pas gérés, l’application ne supportant que l’anglais pour le moment (Le support m’a confirmé que ça allait venir, même si ce n’était pas dans leurs priorités).

Sinon, au fil de mes pérégrinations sur le net, je suis tombé sur ce lien très intéressant pour tous les travailleurs du web:
1000 ressources pour le développement web et WordPress

24 October 2008 | Internet, Programmation, Site | Commentaire (0)

Widgets Yozik

l’une des dernières fonctionnalités ajoutées à yozik est la possibilité pour les groupes de créer très simplement des widgets pour netvibes ou igoogle.
Il suffira ainsi aux groupes de créer un univers netvibes (page publique gratuite), si ce n’est déjà fait, et d’y ajouter les widgets.
Pour leurs contenus, les différents modules de yozik sont disponibles: un player, une boutique, l’inscription à la newsletter, …
Pour exemple, voir sur mon univers, onglet yozik.
Il s’agit d’une boutique de Birdy Nam Nam, et de différents widgets des rockets, toujours et encore.

A ce propos, et même si ça n’a pas grand chose à voir avec ce post, j’ai découvert il y a peu que les rockets n’étaient pas seulement feu ce petit groupe de poitiers du début du siècle.
C’était aussi un groupe français, très populaire en Italie de la fin des années soixante-dix au début des années quatre-vingt, avec une esthétique très … moderne.

Un site italien leur est même dédié: www.lesrockets.com

13 June 2008 | Internet, Musique en ligne, Programmation, Site, Yozik | Commentaire (0)

Prix libre et infobulles

Pour les utilisateurs de Yozik, il est désormais possible de créer un article au prix libre.
Il s’agit d’un article, le plus souvent un morceau ou un album en téléchargement, pour lequel le vendeur ne fixe pas de prix, même s’il peut fixer un prix minimal.
C’est l’acheteur qui décide du prix sur le panier, partant du principe que si le prix minimal est égal à zéro, il a la possibilité de le télécharger gratuitement et légalement.

D’autre part, j’ai mis en place une infobulle dans le panier, permettant de visualiser l’image de l’article et sa description lors d’un survol de la souris sur le nom de l’article, en css uniquement.

Voici en exemple le morceau metropolis, des rockets toujours, au prix libre, avec une belle infobulle:
télécharger metropolis

5 April 2008 | Internet, Musique en ligne, Programmation, Yozik | Commentaire (0)

RED 5 et Streaming mp3

Sur Yozik, pour permettre aux groupes d’insérer un lecteur mp3 sur leur site, j’ai été amené à installer red5.
Red5 est un serveur Flash gratuit et libre qui reprend les fonctionnalités de Flash Media Server 2 comme le Streaming Audio/Video live, le partage d’objet distant…
Pour nous il s’agissait de “streamer” les morceaux que les groupes avaient chargé sur le serveur. Red5 est codé en java, j’en ai donc profité pour me familiariser avec ce langage nouveau pour moi et avec eclipse, l’environnement de développement.
Pour ce qui est du lecteur, nous avons choisi celui de jeroenwijering assez complet et facilement paramétrable.

Voici en exemple le lecteur des ROCKETS (spéciales dédicaces à Jer, Robière, Etienne et Nico)

voir ici l’article sur le blog de Yo

12 March 2008 | Musique en ligne, Programmation, Yozik | Commentaires (2)

Yozik

Yozik, c’est parti!
C’est le projet sur lequel je travaille depuis plusieurs mois maintenant et c’est un service internet de vente et de suivi des fans pour les groupes de musique.
Il s’agit de liens à insérer dans le site des groupes pour afficher entre autres, un panier ou une fenêtre de téléchargement (ici fleur des champs de RIT) directement dans la page concernée.
Le service permet également aux groupes de gérer les relations avec leur fans en les tenant au courant de leurs actualités, de leurs concerts (ici ceux de RIT), en proposant un livre d’or…
Pour plus d’informations, voir le blog de yo.

Pour les groupes, Yozik propose une offre gratuite, et une payante, le compte artiste, plus complète et comprenant un support. Les labels ont également leur compte permettant de gérer plusieurs groupes à la fois.

A découvrir sur www.yozik.com

télécharger metropolis