Blog du modérateur : conseils, widgets et outils pour créer son blog emploi - Tag - personnaliser

Personnaliser le lecteur Youtube avec Vtube tools

Modérateur — Tue, 02 Sep 2008 10:24:00 +0200

Il est très simple d'ajouter une vidéo à son blog. La plupart des plateformes de partage de vidéos (voir cette liste de plus de 400 sites) proposent un code embed vous permettant de les afficher en un copier/coller. Certaines plateformes comme Wordpress et Dotclear proposent même des plugins vous simplifiant encore la tâche. Ainsi, la version finale de Dotclear 2 vous propose désormais un picto "Média externe" dans votre barre de mise en forme. Il vous permet d'ajouter une vidéo en y ajoutant simplement l'URL de la page sur laquelle elle se trouve.

Avec l'explosion des sites de partage de vidéos (et pas uniquement sur les blogs), de nombreux outils connexes sont venus s'ajouter. Certains facilitent le visionnage ou la découverte : TimeTube classer les vidéos par ordre chronologique, Tubespy pour observer en temps réel celles qui sont regardées ou encore Infinitube pour les voir en boucle. D'autres outils permettent de customiser et de faire évoluer leurs usages. Ainsi, Subyo vous propose d'ajouter des sous-titres facilement (fonction qui a été ajoutée directement sur Youtube).

Dans la même veine, Vtube Tools vous propose de personnaliser le lecteur Youtube en quelques clics.

Parmi les possibilités offertes, vous pouvez :

Ajouter un titre (au dessus) et une description (en dessous) en choisissant la police et sa couleur.
Changer la couleur du player
Changer la couleur de fond
Ajuster la taille de la marge
Changer différents paramètres : lecture automatique, vidéos liées...

Vous pourrez ainsi proposer un lecteur vidéo entièrement personnalisé et accordé aux couleurs de votre blog. Cela peut apporter une réelle plus-value. Une fois vos paramètres mis en place, vous obtenez un code à placer sur votre blog. A titre d'exemple, voici une vidéo trouvée sur le blog d'Emilie :

Depenser moins pour travailler moins

Une publicité sympathique sur le thème du pouvoir d'achat

Le site Vtube tools

Personnaliser sa feuille de style avec Blow up

Modérateur — Tue, 26 Aug 2008 16:50:00 +0200

Une des nouveautés majeures de la version finale de Dotclear 2 est l'arrivée du thème entièrement personnalisable Blow up. Il s'adresse clairement au grand public et aux personnes peu familières avec le langage CSS. Désormais, plus besoin de vous plonger dans le code, tout est paramétrable en quelques clics : changements des couleurs, du header, polices... Avec un peu de temps et de goût, vous pourrez obtenir un blog à votre image très facilement. Attention toutefois, un résultat peu harmonieux peut avoir des répercussions négatives. N'hésitez donc pas à demander conseil autour de vous ! Voici une présentation de ce nouveau thème et des possibilités offertes.

Pour personnaliser le thème Blow up, rendez-vous sur votre tableau de bord. Allez ensuite dans "Apparence du blog", sélectionnez Blow up puis validez. Il ne vous reste qu'à cliquer sur Configuration du thème (à droite). C'est parti !

Les styles prédéfinis

Ce thème ne propose pas une feuille de style, mais pas moins de 10 styles prédéfinis. Libre à vous de repartir d'un de ces pré-réglages voire de l'adopter. Voici un aperçu de ces styles (cliquez pour agrandir et naviguer d'image en image).

Général

Vous pouvez y régler les paramètres globaux de votre feuille de style. Vous pouvez ainsi choisir la couleur de fond, son dégradé, la couleur du texte de vos billets, sa taille, sa police ainsi que l'interligne. Cliquez sur la pipette pour régler la couleur voulue. Attention aux couleurs trop flashy ! Trop de couleurs n'est également pas une bonne idée, le mieux pour le texte est généralement de la laisser en noir.

Liens

Il est important de faire ressortir vos liens pour qu'ils ne se perdent pas au milieu de votre texte. Vous avez la possibilité d'en distinguer trois. Les liens non-cliqués, les liens cliqués et les liens survolés. Vous l'avez sans doutes remarqué sur de nombreux sites, les liens cliqués ont généralement une couleur plus terne que les autres. N'oubliez pas de garder cet aspect pour que vos visiteurs s'y retrouvent

Haut de page

Vous pouvez ici changer la couleur du prélude (la bande tout en haut du blog). Vous pouvez surtout customiser votre titre : taille, couleur, alignement (centre, gauche, droite), police... Encore une fois, attention à garder une harmonie sur le blog : les couleurs et les polices ne doivent pas se mélanger à l'excès.

Image d'en-tête (header)

Vous avez le choix entre une dizaine de headers. Mais vous avez une possibilité intéressante : choisir votre propre header. Attention, l'image utilisée doit être au format 800*130 pixels. Attention également à ne pas charger une image trop lourde qui ralentirait votre blog. De nombreux sites proposent des headers gratuits de qualité. Vous pouvez également faire parler votre créativité. Le header est un des points forts du blog, il convient donc d'y prêter attention !

Bandeau (sidebar)

Vous retrouverez ici tout ce qui se rapporte au bandeau de navigation (sidebar). Vous pouvez y changer tous les éléments (de design) : couleur, police et taille des titres, sous-titres et des textes. Vous pouvez également changer la couleur des différents types de liens mais aussi des lignes.

Billets

Encore une fois, tout est paramétrable à l'intérieur de vos billets : couleurs, taille et police des dates, titres et commentaires. A noter : vous pouvez différencier la couleur du fond et du texte de vos propres commentaires pour les démarquer des autres. La couleur du texte du billet se règle dans la partie Général.

Pied de page (footer)

Cette partie concerne la partie basse de votre blog. Vous pouvez personnaliser les différentes couleurs (texte, fond, liens) ainsi que la taille et la police du texte.

Import / export de configuration

Une fois vos réglages effectuées, il ne vous reste plus qu'à sauvegarder. Une fois sauvegardé, vous pouvez garder une copie des paramètres de cette nouvelle feuille de style. Pour cela, dépliez la partie "Import / export de configuration" (tout en bas) puis conservez précieusement ce code. Il permettra à un autre membre de la plateforme de récupérer cette configuration. Cela peut également vous permettre de réaliser plusieurs créations sans les perdre. Pour revenir sous une précédente feuille de style, il vous suffit de coller le code au même endroit et de cliquer sur "Appliquer le code".

Une bonne manière de construire votre propre feuille de style est d'observer auparavant comment sont faits les styles prédéfinis. Vous remarquerez que des codes ressortent : police, couleurs des titres et de la sidebar... Des rappels sont faits pour donner de la cohérence. Le nombre de couleurs utilisées est généralement limité, de même que les polices utilisées.Enfin, pensez à opter pour des couleurs qui s'accordent bien ! De nombreux sites vous proposent des codes couleurs. Bonne exploration !

Fyrebug : personnaliser ses jeux flash avec sa photo

Modérateur — Tue, 13 May 2008 14:37:00 +0200

Dans la lignée de PictoGame et PlayMyGame, voici FyreBug. Le concept est le même : plusieurs jeux en flash sont à votre disposition, vous avez la possibilité de les personnaliser. Après vous être inscrit (obligatoire), choisissez votre jeu. 26 sont disponibles dans différentes catégories (action, puzzle, arcade, shoot'em up...) :

Vous pourrez personnaliser (selon les jeux) l'image de fond ou votre personnage. Vous pourrez également personnaliser divers éléments du décor (jusqu'à une dizaine d'éléments tout de même). Une fois votre image ou votre photo choisie, vous pourrez la redécouper en ligne et la sauvegarder. Le résultat final est plutôt sympa même si son but n'est pas de révolutionner les jeux en ligne Voici un exemple réalisé à partir de mon avatar :

Click here to make your own Fyrebug game

Si vous êtes patient, vous pouvez personnaliser beaucoup plus votre jeu. Dans ce cas précis, il était possible d'attribuer une image aux ennemis rencontrés, aux bonus, aux briques... Au final, à vous de faire votre jeu à votre image

Le site Fyrebug

Créer sa page d'accueil personnalisée : fav20 et homepagle

Modérateur — Tue, 01 Apr 2008 11:14:00 +0200

La personnalisation des services est un des éléments clés du web 2.0. Vous pouvez désormais adapter à vos envies et à vos attentes une grande partie des sites que vous utilisez. Plus question de subir, c'est à vous de construire le web à votre image. La preuve avec deux nouveaux sites qui vous proposent de personnaliser votre page d'accueil.

HomePagle

Difficile de faire plus simple comme concept que HomePagle. Sur le modèle des fonds d'écran, il vous est possible de personnaliser votre page d'accueil en choisissant l'image ou la photo de votre choix. Une banque d'images est disponible, classées par catégories. L'intérêt réside sans doute plus dans la possibilité d'uploader la photo de votre choix (famille, vacances, ...). La page intègre la recherche Google classique (web, images...). Ce module est déplaçable où bon vous semble.

Fav20

Fav20 fonctionne sur le même modèle que HomePage StartUp. Pas besoin d'inscription ici, le site utilise les cookies pour se rappeler de vos favoris. Vous pouvez ajouter les sites que vous visitez le plus régulièrement sur votre page d'accueil en entrant simplement leur URL. Un thumbnail apparaitra. Google n'est pas incorporé à la page.

Avec le nombre d'outils existants pour vous faire votre page d'accueil sur mesure (netvibes, iGoogle, HomePage StartUp et ces deux là entre autres), vous n'avez plus d'excuses pour ne pas essayer

iGoogle, personnalisez votre page d'accueil !

Modérateur — Tue, 12 Jun 2007 11:08:00 +0200

Google… Un des sujets de discussion préférés des adeptes de la toile et du web 2.0… Pourtant, la grande majorité des gens n’en connaissent que le moteur de recherche leader sur le marché. Leader ? Pas seulement, plutôt un phénomène culturel et économique qui règne de manière hégémonique sur Internet. Plus de dix milliards de dollars de chiffre d’affaire en 2006 pour un bénéfice supérieur à 3 milliards. Une marge qui ferait rêver bien des entreprises ! Et çà continue en 2007 avec encore une fois plus d’un milliard de dollars de bénéfices. Cette dynamique existe car Google ne se contente pas de son leadership actuel, il est actif et s’exerce à rester à la pointe en matière de technologie. Sa principale arme, les rachats d’entreprises novatrices. L’acquisition de ces technologies lui permettent de régner sans partage. La liste est impressionnante !

Cette stratégie offensive démontre la capacité de Google de rester en avance sur ses concurrents sur de nombreux aspects. C’est une très bonne raison de se tenir informé des services offerts par le géant américain ! Ils sont parfaitement connus des blogueurs impliqués dans le web 2.0 ou tout simplement des curieux de nouvelles applications Internet. Pour les autres, je vous propose de découvrir un par un les outils qui peuvent vous être utiles. Commençons par le début : la personnalisation de votre page d’accueil Google.

iGoogle vous permet de personnaliser à souhait la page d’accueil de votre moteur de recherche. Pour cela, ouvrez vous un compte en cliquant en haut à droite sur iGoogle. Une fois inscrit, vous aurez accès facilement à l’ensemble des outils Google. Vous pouvez maintenant commencer à customiser votre page google.fr. Première étape, choisissez un thème. Vous pouvez opter pour le classique fond blanc épuré que vous avez l’habitude de voir. Vous pouvez également choisir des couleurs plus vives avec les thèmes plage, ville ou encore arrêt de bus.

Mais le principal intérêt réside dans les widgets. De très nombreux modules sont à votre disposition. Vous pouvez les intégrer en dessous de votre barre de recherche. Vous pouvez choisir leur positionnement très facilement en les faisant glisser. Parmi les choix proposés, vous trouverez toutes sortes de choses : le programme télé, de nombreux fils d’information (L’équipe, Libération, Le Monde, Clubic…), la météo, les sorties ciné, les pages jaunes, les informations boursières… Le choix est énorme ! Un système d’onglets vous permet de vous créer plusieurs pages thématiques. Vous pouvez même créer vos propres gadgets avec votre contenu, gràce à six modèles préfaits, mais disponibles uniquement en anglais pour le moment. C’est ici. Voici un aperçu d'une page iGoogle personnalisée :

A partir de cette page, vous pourrez même avoir accès à l’historique de vos recherches, incluant les liens que vous avez cliqué ! Ce service est très pratique pour retrouver certains sites que vous n’aviez plus en mémoire.

iGoogle vous permet d’avoir accès en une page à une grande partie des ressources que vous utilisez sur Internet. Cette page d’accueil personnalisée a ainsi l’avantage précieux de vous faire gagner du temps. A essayer !

Nota bene : les chiffres utilisés proviennent de WebRankInfo.