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

Deux éditeurs de photos et images gratuits : PicResize et PicJuice

Modérateur — Thu, 26 Jun 2008 18:13:00 +0200

Les sites à proposer ce type de service sont déjà nombreux. Loin de pouvoir concurrencer les logiciels de traitement d'images, les applications en ligne permettant d'éditer en quelques clics une photo sont toutefois très utiles pour ceux qui ne possèdent pas Photoshop et consorts et ont une utilisation trop peu fréquente pour apprendre à manier Gimp ou autres logiciels gratuits. En voici deux bien conçus qui pourront aider les blogueurs à ajuster leurs illustrations.

PicResize

PicResize propose les fonctionnalités les plus courantes pour retoucher vos photos et images : redimension (resize), sélection d'une partie seulement (crop), gestion des contrastes, de la lumière, ajout de textes, ajout d'un contour, manipulations diverses... Le tout gratuitement bien sûr et sans inscription.

PicJuice

PicJuice est l'équivalent de PicResize en encore plus simplifié : interface sobre et peu de fonctionnalités. Il reste l'essentiel, les outils obligatoires pour proposer des images ou photos à votre goût sur votre blog. Vous pouvez redimensionner, couper une partie de l'image, effectuer une rotation et ajuster le contraste. L'utilisation est encore plus simple que PicResize : sélectionner l'opération que vous souhaitez effectuer, les commandes apparaissent et les résultats sont visibles en temps réel. Une fois vos changements effectués, il ne vous reste plus qu'à sauvegarder. Idéal pour ceux qui sont pressés ou qui débutent !

Quelques générateurs de texte sur image

Modérateur — Wed, 14 May 2008 08:54:00 +0200

A la demande d'une blogueuse, voici une autre ressource vous permettant de générer du texte sur une image. Les propositions sont nombreuses : scrabble, maillot de foot, magazine féminin, panneau de métro, d'autoroute, graffiti... Il y en a pour tous les goûts. Le nom du site apparaitra toutefois en signature en bas à droite de l'image. Autre contrainte, le site est en allemand. Cela n'affectera pas votre navigation. Cliquez simplement sur l'image qui vous intéresse, entrez votre texte, le captcha et le tour est joué. Voici deux exemples de résultats :

Et pour les générateurs en tous genres, n'oubliez pas le Generator's blog et la liste des 1000 générateurs de Sous un cocotier. Si le sujet vous intéresse, ces deux sites devraient vous occuper un petit bout de temps

Le site Freenet

Présentation de 100+ outils et widgets pour blog

Modérateur — Fri, 29 Feb 2008 11:00:00 +0100

J'ai eu l'occasion de présenter de nombreux widgets et outils en ligne gratuits ces derniers mois. Pour ceux qui ont ouvert un blog récemment, il n'est pas forcément facile de s'y retrouver parmi les 500 billets présents. Je vous propose donc un guide de ces services par thématique qui vous permettra de trouver rapidement les ressources dont vous avez besoin pour mettre en forme votre blog. Des widgets communautaires aux outils de retouches photo, des générateurs aux sondages, il y en a pour tous les goûts. Vous trouverez une sélection d'une centaine d'outils dans ce billet, avec un lien vers leur description. Mes outils favoris sont indiqués en gras. Si vous êtes à la recherche d'un outil particulier qui ne se trouve pas dans cette liste, n'hésitez pas à me contacter. Bonne découverte !

Les outils communautaires et les réseaux sociaux (social networking)

Technorati : Découvrez quels blogs parlent de vous, et suivez l'actualité de vos blogueurs favoris.

Bumpzee : ce site concentre plusieurs widgets en vogue. Il vous permettra notamment de découvrir vos visiteurs récents (s'ils ont eux aussi installé ce widget), de suivre vos stats et de vous créer un réseau.

Critéo : Critéo vous propose une auto-blogroll et un classement associé.

Others Online : un mix entre mybloglog et Critéo. Une blogroll apparait en fonction des tags que vous avez rentré pour votre blog.

Shoutbox : chattez en direct avec vos visiteurs.

FormLogix : widget contact.

Noochat : un tchat à incorporer à son blog.

Mybloglog : le plus connu et le plus utile des widgets de socialnetworking. Déjà adopté par une grande partie de la blogosphère, il vous permet de savoir quels ont été vos derniers visiteurs et d'accéder à leurs blogs.

Linebuzz : cet outil vous permet de laisser des commentaires sur n'importe quel partie de texte de votre blog. Ouvrez les débats sur des points précis de votre argumentation !

Madkast : ce widget vous permettra de laisser vos lecteurs diffuser votre contenu. Ils pourront ainsi envoyer vos billets par email ou les ajouter à différents digg-like.

Plugoo : ce chat pour blog vous permettra de rester en contact avec les visiteurs de votre blog grâce à votre messagerie instantanée. Très pratique !

Pictolinks : harmoniser les liens vers vos différents profils.

Sondages

Blog-it express : cet outil qui sert à laisser des notes à vos visiteurs permet aussi de proposer des sondages.

Quimble : il permet de créer de jolis sondages, notamment en ajax.

Polldaddy : le plus connu, et c'est mérité ! Beaucoup d'éléments sont paramétrables.

99polls : un outil sondage très simple à utiliser mais pas très réussi graphiquement. A vous de voir.

123 votez ! : un widget sondage tout en français et entièrement customisable.

Hikk Up : un widgets de sondages qui vous permet de laisser des questions ouvertes à vos lecteurs. Leur avis sera plus personnalisé !

Usinaquizz : générateur de quizzs.

Avatars

Weblin : un excellent outil qui permet de chattez avec les internautes qui visitent le même site que vous. Nous avons plusieurs adeptes sur la plate-forme, c'est toujours un plaisir de se retrouver pour discuter !

Skaaz : un avatar customisable à souhait et intelligent. Il peut parler à vos visiteurs sans votre intervention !

Gizmoz : ce site vous propose un avatar créé à partir de votre photo. Vous pourrez rentrer des messages audio à l'aide d'un micro ou tout simplement en tapant votre texte !

Voki : même principe que Gizmoz, mais il retranscrit mieux le texte...

BeFunky : création d'avatars et transformation de photos façon manga.

Statistiques

Who's amung us : ce widget vous permet de savoir combien de personnes naviguent sur votre blog à un instant précis.

Feedjit : pour savoir en temps réel sur quel billet vos visiteurs arrivent, par quel site et où il partent. Très instructif !

Google analytics : le plein de statistiques. De quoi comprendre les habitudes et le profil de vos visiteurs !

Outils statistiques : présentation de trois outils statistiques gratuits.

Photo

Slide : créez des diaporamas photos pour votre blog en quelques minutes.

Face of the future : transformez votre visage en oeuvre d'art, changez d'âge ou d'origine. De quoi passer un moment sympathique !

ReShade : redimensionnez vos photos rapidement.

Say What : ajouter des bulles à ses photos.

Lunapic : éditeur photo.

RoundPic : arrondir les coins de ses images.

Détente

Deezer : un système de lecteur mp3 gratuit et légal. Son widget vous permettra de placer votre playlist sur votre blog !

La boîte à mots doux : un moment de détente gentil et mignon proposé par lolobobo.

Blog Apartments : faites le plein de jeux en flash pour votre blog. De quoi proposer à vos visiteurs de bons moments de détente !

Rock You : un horoscope personnalisé... Vous avez dit inutile ?

My heritage : A quelle star je ressemble ? Vous pourrez répondre à cette question grâce à ce site !

Toonlet : créer son cartoon.

Comiqs : créer des strips et des bds pour son blog.

Date et Heure

Calendrier de Free blog content : plusieurs types de calendrier, mais également d'horloges.

Horloges flash : des horloges en petit format et en plein de couleurs différentes.

Blogoversary : avec ce widget, vous n'oublierez plus l'anniversaire de votre blog ! Un compte à rebours vous y aidera.

ClockLink : rajoutez des horloges customisées. Pas très utile, mais pourquoi pas...

Countdownr : widget compte à rebours.

RSS

Widgetbox : créez vous-même votre widget, qui contiendra le fil RSS de vos billets.

Feevy : créez vous-même votre widget qui regroupera les flux RSS de vos blogs préférés.

Sage : plugin firefox pour lire vos flux RSS.

Icônes RSS : 35 styles d'icônes RSS.

Wigitize : un lecteur RSS à ajouter à votre blog.

FeedBurner : comptabiliser le nombre d'abonnés à son flux RSS.

Logos et images

Un logo 2.0 : ce petit outil en ligne vous permettra de créer votre propre logo 2.0.

GoogleFont : votre logo façon Google.

Web20badges : créer vos badges 2.0.

LogoGenerador : générateur de logos 2.0.

Reflection Maker : ajouter des reflets à vos images.

Kwout : citer ses sources en image en intégrant les liens présents sur la page d'origine.

PicReflect et ShowYourself : un générateur de reflets et un outil qui regroupe vos profils.

Mycoolbutton : créer ses propres boutons.

Icônes

Iconspedia : icônes gratuites.

Iconlet : moteur de recherche d'icônes.

Crystal Clear : pack de 300 icônes.

Iconfinder : moteur de recherche d'icônes.

Générateurs

Mylivesignature : créez une signature façon manuscrite à insérer dans vos billets ou mails.

GlassGiant : ce site vous propose une dizaine de générateurs, du tableau de classe au clavier personnalisé.

Sélection de générateurs : 5 générateurs d'images personnalisées, du ninja qui écrit le texte choisi au panneau warning sur mesure.

Spam Proof Email Generator : générez une image pour votre mail afin de diminuer les spams reçus.

SuperScreenShot : faire ses copies écran personnalisées.

PicoShot : générer des thumnails

Addletters : quelques générateurs d'images sympathiques.

SafePasswd : générez des mots de passe sécurisés.

Diagnostic et référencement

Test everything : une centaine d'outils pour tester votre blog.

Pingdom Tool : optimiser le temps de chargement de ses pages.

BrowserShots : visualiser son blog sous différents navigateurs.

Xinu : état des lieux de votre blog.

Goldorank : plugin FireFox permettant de connaître son positionnement sur les différents moteurs de recherche.

Bad Neighborhood : analyse vos liens entrants et sortants.

Liste-annuaires : 1800 annuaires sans lien retour obligatoire classés par pagerank.

Serparchive : suivre l'évolution de vos requêtes favorites.

WebRankChecker : tester son positionnement sur les principaux moteurs de recherche.

Ranks : votre positionnement quotidien sur Google envoyé par mail.

Moteurs de recherche

SurfCanyon : extension FireFox qui optimise votre utilisation de Google.

Yahoo vs Google : comparez visuellement les résultats de Google et de Yahoo.

Resultr : créez votre moteur de recherche à partir de différentes sources.

FuzzFind : combinez les résultats de différents moteurs de recherche.

Search the tail : affiner ses recherches grâce aux mots clés avoisinants.

Google.audiencetv : classer les résultats de recherche par PageRank.

Scroogle : surfer anonymement sur google.

VeoSearch : moteur de recherche solidaire.

Hébergement de fichiers

Badongo : Bénéficiez d'un espace de stockage illimité et gratuit ! Un widget vous permettra de plus de mettre vos fichiers en téléchargement direct depuis votre blog.

Mesdossiers : un widget homemade qui vous permet de rajouter facilement votre CV, votre photos et des documents sur votre sidebar.

Box : partager facilement vos fichiers.

Veille

Pleegs : un outil de veille automatisée pour ne rien rater sur les sujets qui vous tiennent à cœur.

LinkBunch : transformez une liste de liens un en lien unique.

WebMynd, Iknowgo et Read It Later : trois plug-ins pour optimiser votre surf et votre veille.

Web Mobile

Wirenode et Mofuse : deux services qui proposent une version mobile de votre blog en quelques clics.

Andanza : rendez votre blog compatible pour mobiles.

Widgets Divers

Mesdossiers : un widget homemade qui vous permet de rajouter facilement votre CV, votre photos et des documents sur votre sidebar.

Snap : snap est un outil qui vous permet d'avoir un aperçu des liens que vous placez sur votre blog. Incontournable !

RegionsJob : accéder aux offres d'emploi près de chez vous depuis votre blog.

Zoomclouds : créer son nuage de tags.

Zookoda : créer une newsletter.

PageRank : Afficher son PageRank sur son blog.

Outils divers

BravoNation : un système de "bons points" et de récompenses à envoyer par mail et/ou à insérer sur son blog.

Email Valido et SpyPig : vérifiez la validité d'une adresse email et la réception de vos envois.

BonPatron : correcteur orthographique gratuit.

Deyey : créer sa carte de visite.

Youconvertit : convertir tout type de fichiers dans une liste de formats impressionnante.

Bubblejoy : créer des cartes de voeux personnalisées.

LinkNark : découvrir quels liens sont cachés derrière les tinyurl et autres services du même genre.

Cl1p : faire des copier/coller entre ordinateurs distants.

MailBigFile et SendLargeFile : envoyer des fichiers volumineux à un correspondant sans utiliser sa boite mail.

Copyscape : repérer le duplicate content.

Kwout : citez vos sources en images et en quelques clics

Modérateur — Thu, 27 Dec 2007 09:20:00 +0100

Je le répète souvent, il est très important de citer ses sources lors de la rédaction d'un billet. Vous y gagnerez en visibilité et en crédibilité, sans oublier le côté éthique. Généralement, une simple mention "via Untel" ou "Découvert sur Untel" suffit largement. Parfois, il peut être sympa de pousser la référence jusqu'à une image ou un aperçu. C'est de ce principe qu'est parti Kwout (pour "quote") pour proposer son service. Kwout vous permet de générer un aperçu d'un autre site ou blog contenant un lien vers celui-ci. Vous avez également plusieurs outils de mise en forme disponibles. En quelques clics, cette application vous fournira un "embed code" (à la manière des sites de partage de vidéos) qui vous permettra de placer facilement le résultat sur votre code. Démonstration dans la suite du billet.

Via Techcrunch.

Pour utiliser Kwout, vous devez d'abord vous rendre sur le site et installer le bookmarklet. Pour cela, allez en bas de la page et faites glisser le lien "Kwout"actif sur la barre de navigation de votre navigateur. Vous pourrez utiliser ce raccourci dès que vous le souhaitez. Il vous suffit d'aller sur le blog que vous souhaitez citer et de cliquer dessus.

Une fenêtre apparait avec une copie écran de la page que vous visitez actuellement. Vous pouvez choisir l'échelle (taille réelle, agrandi, ...). Sélectionnez la partie de texte ou la partie visuelle que vous souhaitez conserver et validez ("Cut out"). Vous pourrez alors définir plusieurs aspects de mise en forme : bords arrondis, ombre, couleur de fond, border. Vous obtenez directement un code à placer sur votre blog. Ce code générera l'image avec un lien actif vers le blog en question dans votre billet. Pratique ! Voici un aperçu avec une citation des voeux

Modes d'emploi via kwout

N'oubliez pas de précéder le code de "///html" et de le faire suivre par "///" (sans les guillemets) sous Dotclear 2.

Ajoutons que vous pouvez en un clic inclure l'image à votre Flickr ou à votre Tumblr. Cette application est vraiment très pratique, n'hésitez pas à l'utiliser !

Le site Kwout

Quelques astuces DotClear 2 pour débutants

Modérateur — Mon, 17 Dec 2007 09:51:00 +0100

Si vous êtes débutant dans l'univers du blogging, cela peut parfois être frustrant de voir ce que d'autres membres de la plate-forme arrivent à faire... Pourtant, la plupart des manipulations sont très simples à réaliser. Je reçois quotidiennement des mails de personnes qui cherchent à en savoir plus à ce sujet, ce ne sont sans doute pas les seules ! Je vous propose donc de retrouver ici quelques astuces qui permettront aux moins aguerris d'entre vous de mettre en forme leur blog de manière efficace sous DotClear 2 en quelques minutes seulement.

Insérer un code dans un billet

Les générateurs et autres outils en ligne sont de plus en plus nombreux. Je vous en présente très régulièrement sur ce blog. Ils permettent, par exemple, de placer une vidéo, un slide photo, une animation, une photo retouchée... Les sites vous les fournissant indiquent généralement le fait qu'ils permettent d"insérer l'outil final sur un blog (lecteur exportable, embed, code à placer sur votre blog...). Pour les insérer dans un billet, vous devez l'entourer obligatoirement de ///html et de /// en effectuant un retour ligne entre chaque. Cela ressemblera donc à çà (sans les guillemets) :

"///html"
Votre code
"///"

Vous trouverez d'autres astuces dans la suite du billet.

Insérer un code dans votre barre de navigation

Le principe est ici le même que pour insérer un code dans un billet à une exception près. Chaque outil utilisable dans un billet l'est également dans votre sidebar (barre de navigation). Attention toutefois à la largeur des widgets et images intégrées. Si elles sont trop larges, elles feront sauter votre sidebar sur certains navigateurs (Internet Explorer notamment) et nuiront au design de votre blog. A la différence d'un code inséré dans un billet, vous n'avez pas besoin dans ce cas de placer /// et ///html.

Insérer une photo dans votre sidebar

Pour placer une photo ou une image dans votre sidebar, vous devez placer un code html simple. Il se présente sous cette forme :

Si vous avez importé une image dans votre gestionnaire de média, vous pouvez facilement récupérer son lien en cliquant sur son nom.

Insérer une photo comportant un lien dans votre sidebar

Le code HTML de vra être dans ce cas un peu plus complet :

Insérer des liens sur votre sidebar

Pour placer un lien, le plus simple reste de passer par la rubrique lien de votre administration. Elle se trouve sur votre tableau de bord. Cliquez sur "Ajouter un lien", puis renseignez l'URL et la description du lien. Recommencez l'opération pour chaque lien que vous souhaitez ajouter.

Insérer un lien vers votre mail dans votre sidebar

Vous pouvez placer un lien vers votre email dans la rubrique lien. Pour cela, l'URL du lien sera mailto:votre@dressemail.com.

Insérer une photo dans un billet

Pour avoir plus d'explications à ce sujet, je vous invite à consulter le billet Insérer une photo

Insérer un lien dans un billet

Sélectionnez le texte sur lequel vous souhaitez placer un lien. Cliquez ensuite sur puis entrez l'URL de votre choix.

Insérer une photo comportant un lien dans un billet

Pour cela, placez d'abord votre image. Ensuite, sélectionnez le code entier, puis exécutez l'opération vous permettant d'ajouter un lien.

Aménager sa sidebar

Vous pouvez facilement choisir les éléments qui composent votre barre de navigation, les personnaliser et changer leur ordre d'apparition. Le billet Premiers pas sur votre blog : paramétrages vous y aidera.

J'espère que ces quelques astuces vous seront utiles. Si vous souhaitez faire une action que je n'ai pas décrit ici, n'hésitez pas à me laisser un commentaire pour que je complète cette liste.

Roundpic, arrondissez les angles de vos photos et images

Modérateur — Wed, 28 Nov 2007 09:16:00 +0100

C'est un des services qui a le plus fait parler de lui ces derniers jours sur les blogs. Roundpic est un outil tout simple qui a une seule utilité : arrondir les angles de vos photos. Mais il le fait bien ! Il vous suffira de deux clics pour arriver à vos fins. Vous pouvez partir d'une image enregistrée sur votre disque ou d'une image en ligne, en renseignant son URL. Comme un exemple vaut 1000 mots, voici la démonstration en image :

Avant

Après

Vous pourrez retoucher plusieurs éléments en arrondissant votre image : - la taille de l'arrondi
- la taille de la photo
- la couleur de fond
- le niveau de qualité de la photo

Au final, cet outil est rapide et effficace. A garder dans les favoris !

Le site RoundPic

Addletters : le générateur de texte sur images

Modérateur — Thu, 20 Sep 2007 10:01:00 +0200

Il est primordial pour un blog d'illustrer ces billets. de manière judicieuse. En effet, même avec un contenu intéressant, un blog composé uniquement de texte aura du mal à séduire. Les processus de lecture en ligne sont ainsi très différents des supports papiers... En dehors des photos et des images, une technique consiste à générer des textes sur des images prédéfinies. Ce détournement, utilisé à bon escient et de manière ponctuelle, peut être une bonne illustration. Sylvie nous a présenté il y a quelques temps un site de ce style, Addletters, qui propose un choix d'images variées.

Pour utiliser le site, rien de plu ssimple ! Rendez-vous dans la rubrique Image list, puis choisissez l'image de votre choix. Le site vous propose de rentrer votre texte, qui sera alors automatiquement incrusté dans l'image.

Les images proposées sont classées en différentes catégories. Captures de film, panneaux, images... Le choix est assez restreint, mais il existe d'autres sites de ce genre pour compléter l'offre. Une fois votre image générée, il vous suffira soit de cliquer sur "Download directly to your computer" ou de faire clic droit puis enregistrer image sous. Attention, le site ne vous permet pas de sauvegarder vos images en ligne. Le plus simple sera donc de les stocker sur votre ordinateur.

Un autre site vous permettra d'étendre votre choix : Says it.

Le site AddLetters Le site Says it