Mon blog se nourrit de vos commentaires.

Cette évidence a conduit le service hautETfort à améliorer l'échange et le suivi de commentaires dans un blog.

1. Cliquez sur l'onglet TABLEAU DE BORD de l'éditeur hautETfort.
2. Cliquez sur Généralités
3. Activez les Propriétés d'affichage suivantes.

Afficher le gravatar sur les commentaires	Oui Non Taille du gravatar : pixels Ce champ doit être compris entre 1 et 100.
Afficher le fil des commentaires	Oui Non

4. Cliquez enfin sur le bouton Mettre à jour ces modifications
   

Quand un bloggueur s'inscrit à un service d'identification comme http://www.gravatar.com/, son gravatar s'affiche avant son commentaire à la Taille que vous demandez.

Afficher le fil des commentaires offrent deux possibilités aux bloggueurs qui souhaitent Ecrire un commentaire

Cocher l'option S'abonner au fil de discussion : sert à recevoir une alerte mail à chaque commentaire déposé dans une note qui retient l'intérêt.  A utiliser avec modération pour ne pas engorger la boîte mail.

Chacun peut désormais Répondre à ce commentaire

• Répondre à un commentaire renforce le lien avec son émetteur.
• Répondre à chaque émetteur exige de personnaliser chaque réponse et gonfle articiellement le nombre de commentaires sur une note.
• Répondre à plusieurs émetteurs dans un commentaire unique semble froisser certains.

Ces fonctionnalités sont automatiquement neutralisées, chaque fois que les commentaires sont désactivés dans une note.

1. Quand vous ajoutez une note, cliquez dans la Configuration avancée pour Voir les propriétés avancées (commentaires, trackbacks)
2. Vérifiez le statut des Commentaires Aucun Ouverts Fermés
3. Si vous cliquez sur Aucun ou Fermés, vous interdisez l'ajout de comnentaires et naturellement l'affichage des gravatars, comme du fil de discussion.

Au fait, comment gérer les commentaires dans votre blog?

Cliquez sur l'onglet NOTES de l'éditeur hautETfort.

Cliquez sur Tous les commentaires

Supprimer un commentaire

Jeune bloggueuse, je répondais aux commentaires à tout va. Je me suis censurée après avoir raconté comment je vis dans l'illégalité.

1. Repérez le(s) commentaire(s) à supprimer.
2. Cochez la case face à chaque commentaire à supprimer.
3. Cliquez sur le bouton Supprimer au bas de la liste des commentaires.

Bannir un émetteur de commentaire

Un fâcheux a pollué le blog avec ses commentaires du dimanche. Ma paranoïa s'est emballée, il fallait chasser l'encombrant pour l'éternité.

1. Repérez le(s) commentaire(s) à supprimer.
2. Cliquez sur Modifier face au commentaire.
3. Cliquez sur Bannir cet IP
4. Cliquez sur le bouton Enregistrer

Mettre à jour un commentaire

Les commentaires sont plus nombreux. Je réponds à tous dans un commentaire unique. C'est bon d'être fainéante!

1. Repérez le premier commentaire que vous avez rédigé pour répondre.
2. Cliquez sur Modifier face au commentaire.
3. Complétez le contenu du commentaire.
4. Datez le commentaire Ecrit le jour et l'heure de la modification.
5. Cliquez sur le bouton Enregistrer . Votre commentaire s'affiche au-dessus de ceux auxquels il répond.

Utilisez la liste de commentaires comme premier annuaire de contacts. Vous avez le pseudo d'un visiteur, vous y trouverez son adresse mail.

Pour bloggueurs avancés

• Distinguer ses réponses au sein des commentaires : Le blog Hautetfort
• Créer un style pour les commentaires : Gee Mee
• Afficher le début d'un commentaire, dans la liste des derniers publiés : Gee Mee

Protéger ses photos de blog

Soyons lucide! Rien n'empêche un esprit mal intentionné de s'emparer d'une photo par une simple capture d'écran.
Ne devenons pas parano! Parmi les solutions ici testées, vous en trouverez une suffisamment dissuasive.

Afficher des photos à taille réduite

Cette action simple reste la plus efficace. Quand vous insérez une image dans une note, prenez les précautions suivantes:

• Cliquez sur la Taille de l'image, Petite ou Vignette
• Ne cochez pas l'optionAfficher en grand dans une nouvelle fenêtre

La taille d'une vignette est de 150×112 pixels, celle d'une petite image de 100×75 pixels.

Appliquer un effet sur des photos

S'il est utile de marquer des photos professionnelles ou commerciales par un filigrane Free Watermark. Add Custom Watermark. Protect Your Photos and..., cette action n'est pas la plus ludique pour des photos personnelles.

Avec un éditeur d'image en ligne ou installé sur PC, vous pouvez appliquer un flou, ajouter un cadre, rogner un portrait, etc.
Je préfère les services en ligne spécialisés dans le détournement de photos (merci Bougrenette). Actuellement, j'ai un gros faible pour LoonaPix.com. Make Funny Pictures and Add Photo Frames Online.

Afficher les photos d'un album 3D dans un blog hautETfort

Cette action permet d'utiliser une fonctionnalité hautETfort qui gagne à être connue, car très esthétique.

1. Créez un album photo.
2. Ajoutez des photos dans un album.
3. Insérez un album dans une note. Cliquez
   • Cliquez sur l'album à insérer Mon album
   • Cliquez sur Album dans une note dans les Options.
   • Valider Cliquez. Feuilletez l'album en exemple.

 

Pour bloggueurs avancés: Interdire le passage de la souris au-dessus d'une photo

Cette action empêche le clic droit pour enregistrer l'image sur PC et affiche un avertissement quand un visiteur pointe vers l'image. Elle nécessite de manipuler la source html de la note.

Saluons Tétouille qui s'est prêté sans peur et sans reproche à ces manipulations (tentez de survoler la photo avec la souris ;)

Merci à Jef, auteur des articles suivants sur lesquels vous pouvez vous appuyer.
Protéger ses photos contre le vol : les solutions - VirusPhoto
3 astuces pour protéger ses photos contre le vol - VirusPhoto

1. Insérez une image dans une note.
2. Cliquez sur HTML dans la barre d'outils.
3. Dans la source html de la note, localisez le code correspondant à l'image insérée <img src="http://monblog.hautetfort.com/media/maphoto.jpg">
4. Devant le code de l'image, copiez-collez <a href="javascript:void(0)" onmouseover="alert('Cette photo est mon portrait - Merci de ne pas la copier!')>
5. Derrière le code de l'image, copiez-collez </a>
6. Vérifiez le code final de l'image:
   <a href="javascript:void(0)" onmouseover="alert('Cette photo est mon portrait - Merci de ne pas la copier!')><img src="http://monblog.hautetfort.com/media/maphoto.jpg"></a>
7. En bas de l'Editeur de la source HTML, cliquez sur le bouton Mettre à jour

Merci à kriss qui rappelle que cette action fonctionne sous 2 conditions:

• Vous devez activer le javascript dans les options de votre Explorateur Internet.
• La source html de la note ne doit pas contenir la balise <noscript> qui neutralise javascript.

Cé koi ces notes techniques?

Au commencement, je me suis gravement pris la tête sur ce projet tout ce qu'il y a de sérieux. Le soufflet a brutalement dégonflé face aux notes de Gee Mee et Lavande pour les bloggueurs HautetFort. Respect.

Je suis conceptrice/rédactrice confirmée de documentation numérique pour logiciels industriels sous Windows, j'ai beaucoup à apprendre de la blogosphère, avec ses flux et ses réseaux.

Ce blog  doit rester ce qu'il est, un terrain d'expérimentations du service hautETfort. Vous venez jouer avec moi?

Les infos données dans la catégorie Hotline sont testées dans un blog hautETfort en formule gratuite et s'adressent aux bloggueurs hautETfort et BlogSpirit.

Les Bidochon Internautes, Album 19
Auteur: Binet - Editions Fluide Glacial - Tous droits réservés

Les notes de cette catégorie sont actualisées selon les évolutions du blogging et services en ligne, notamment celles qui suivent:

• Outils pour blog
• Images pour usage...

Voir toutes les notes Hotline hautETfort

Votez hautETfort!

Chaque note de ce blog s'achève sur un système de vote à 5 étoiles. Sa fonction est de permettre de donner un avis sur le contenu, autrement que par un commentaire.

De nombreux systèmes de "post rating" sont disponibles. Par exemple, vous pouvez exploiter le widget personnalisable http://www.widgetbox.com/widget/rating

Pour l'intégrer dans le blog, suivez les instructions d'installation Hellocoton pour obtenir le bouton de vote “J'aime cet article” dans un blog.

1. Cliquez sur le lien ci-dessus pour afficher ces instructions dans une seconde fenêtre.
2. Cliquez Sur hautetfort dans la liste des plate-formes de blog disponibles.
3. Exécutez les instructions jusqu'à l'étape "Rechercher le code <div=class postbottom>"
4. Juste au-dessus du code <div=class postbottom>, copiez-collez le code HTML servant à intégrer le widget "post rating" au bas de chaque note.
5. Cliquez sur le bouton Enregistrer les modifications
6. Fermez la fenêtre Modifier le modèle de la page lien permanent

Je n'ai pas répété l'opération sur la page d'accueil pour laisser le choix au visiteur de voter ou de commenter, après lecture d'une note précise.

Laissez un commentaire ou cliquez sur l'étoile correspondant à votre niveau de satisfaction. A voté, merci!

Fais péter l'Orange!

Sur les überconseils de Jules, je lance une méchante bouse à la face d'Orange (traduction libre de badbuzzer).

Depuis oct 2008, Orange est mon FAI pour un forfait Haut Débile 3G+ de 50euros/mois. Si l'accès Internet semble illimité, l'échange de données entre moi et le reste du monde est bloqué à 1Go! Début sept 2009, je reçois en 3 connections plus d'un Go de mises à jour automatiques pour anti-virus, freewares, correctifs Windows, Flash/Shockwave/Java. Olé!

Voilà pourquoi mes dernières factures Orange flirtent avec les 120euros. Au-delà du 1Go de données, Orange encaisse 20cts par Mo supplémentaire. Je le savais, sans mesurer que les serveurs externes transmettaient autant. Première mesure: couper le robinet. Deuxio, demander à l'agence locale les nouveaux tarifs Internet Everywhere qu'Orange ne me communique ni par mail, SMS ou courrier. Enfin, obtenir un gentil opérateur à distance qui ajuste illico mon abonnement et m'invite à rappeler dans 6 mois pour bénéficier d'offres qui s'alignent sur celles de la Livebox.

Pourquoi ne pas avoir loué une box? J'ai acheté un microportable pour naviguer clé en main, sans fixe, sans télés en veux-tu et surtout sans Gontran qui passe des nuits à brancher le bouzin car il se croit l'homme de la connexion. Bien qu'il est monté 2 fois sur le toit pour la capter, la TNT fait de la résistance. Et Internet, c'est d'la meeeeeerde (sauf quand il joue sur son mobile)! Il n'a pas tort, puisqu'Orange nous a finement tondu le Mo sur le compte pendant presque 6 mois...

Mais nous sommes mercredi 23 septembre 2009, premier jour du forfait fixe de 30euros/mois, quels que soient le temps de connexion et le volume de données dans le tuyau! Orange, Kielut va t'écraser les tranches, bouffer ta bande passante et éplucher tes prix à vif!

Au passage, Carrefour mérite aussi sa bouse. La ménagère que je suis se rend à l'hyper, munie d'un bon d'achat de 7,23euros. Quelle fierté, son frugal panier s'élève à 7,08euros! J'ai été contrainte d'ajouter 2 sacs à 10cts, car la caisse rejette le bon d'achat quand le total des courses est inférieur à sa valeur. Merci à la caissière qui m'a affranchie!

Polaroïdissime

La note d'Alexandra "Des polaroids sur son blog Hautetfort : Le blog Hautetfort" me donne envie de comparer trois générateurs de polaroïd en ligne. Ci-dessous, le modèle qui a patiemment subi mes tests.

Mes critères pour sélectionner chaque générateur sont les suivants:

1. service en ligne, gratuit et sans inscription
2. fonction unique (ne produit que des polaroïds)
3. possibilité d'enregistrer par un clic droit sur l'image finale (aucun code à manipuler)

Photo Notes

• Points forts: utilisation ludique, possiblité de choisir un modèle de polaroïd, de taper la légende avec la fonte et la couleur de votre choix
• Points faibles: obligation de charger une image carrée pour éviter sa compression, trop de fond perdu autour du polaroïd

Instantizer.com - free online graphics tool - wrap pictures into a polaroid-style frame

• Points forts: utilisation rapide, possibilité de taper la légende ou d'orienter la photo selon l'angle de votre choix, respect de l'image d'origine
• Point faible: rectangle interne à retoucher pour un cadre photo harmonieux

Rollip - Create Polaroids from your photos!

• Points forts: possiblité de choisir la taille et le rendu de la photo, bons redimensionnement et recadrage de l'image
• Points faibles: prise en main moins facile, cadre photo un peu kitsch par sa texture plus vraie que nature

Quelque soit le générateur choisi, vous pourrez redimensionner, faire pivoter le polaroïd ou ajouter une légende dans un éditeur d'image en ligne, tel que DrPic.com Free Web Picture Editor and Image Host - Crop, Resize, Text
La simplicité de cet éditeur gratuit m'a conquise. Le plus est la facilité avec laquelle on encadre une photo (pour obtenir un polaroïd par exemple).

J'ai un faible pour le mignon Photo Notes, mais je parie sur la progression de Rollip dont cet encadrement est esthétique.

Rhabillé jusqu'à la saison prochaine!

Beaucoup l'ont observé, le blog Upset Diary a changé plus vite de forme que son ombre... qui ne bougera plus car j'ai supprimé par mégarde les fichiers de construction.

Outre mes circonvolutions neuronales autour d'un thème, ma plus grande difficulté a été de trouver le modèle hautETfort répondant à mes besoins:

• liste avec numérotation automatique
• liste avec puce automatique
• couleur de lien visible
• possiblité d'insérer ma bannière
• composants graphiques faciles à personnaliser

1. Après pas mal de casse, j'ai choisi ce modèle facile à manipuler, à condition de suivre les directives de la note "Comment utiliser les modèles de ce blog ? : Gee Mee"
2. Après avoir téléchargé ma bannière, j'ai copié/collé la Feuille de styles dans un fichier texte par sécurité.
3. D'un clic droit, j'ai enregistré chaque composant graphique pour le modifier dans PSP (puces, titre et bas de note, titre et bas de bloc, bas de page, etc.)
4. Via le Tableau de bord, j'ai chargé mes composants graphiques dans le dossier images de la rubrique Fichiers
5. Via la configuration avancée de la Présentation, j'ai remplacé dans la Feuille de styles l'adresse url de chaque composant graphique initial par l'adresse url de mon composant de même nom.

J'y ai également défini la couleur des blocs et de certains titres, sans oublier

• Afficher une image d'arrière plan en mosaïque, en motif (révisée) : Gee Mee
• Insérer un favicon - www.blogtuto.org (bloggueurs avancés)

Je résume volontairement mon propos pour ne pas nous enfumer avec des descriptions techniques obscures. Vous avez la marche à suivre, à vous de sortir des sentiers battus!

Créer et insérer une animation GIF avec Loogix.com

Le site Loogix.com vous aide à produire en ligne une animation simple pour l'insérer dans votre blog hautETfort.
Cette solution pour insérer un GIF animé s'ajoute à la note "Insérer une image transparente, animée, voire les deux. : Gee Mee"

** = niveau assez facile, nécessite de copier/coller un peu de code HTML

1. Affichez le site http://www.loogix.com/
2. Cliquez sur la taille de l'animation: Size
3. Cliquez sur la vitesse de l'animation: Speed
4. Désignez la première image de l'animation:
   1. Cliquez sur le bouton Parcourir
   2. Double-cliquez sur un fichier image (GIF/PNG/JPG)
5. Désignez la seconde image de la même façon. Deux images sont indispensables pour produire l'animation.
6. Désignez la troisième image.
7. Au besoin, ajoutez une image dans l'animation: cliquez sur Add one more picture et désignez l'image suivante.
   
8. Cliquez sur Generate Animation pour produire l'image animée.

• La colonne droite du cadre orange affiche l'animation GIF. Vous pouvez enregistrer l'image, lui appliquer un effet ou corriger l'animation.
• La colonne gauche affiche l'adresse URL et l'Embed code qui servent à insérer l'animation dans une page Web.
  Pour insérer l'animation depuis l'Embed code, cliquez sur le bouton Copy

1. Dans l'Editeur hautEtfort, affichez la note où vous allez insérer l'animation.
2. Cliquez sur HTML dans la barre d'outils.
3. Dans le code HTML, faites un clic droit à l'endroit où vous voulez insérer l'animation.
4. Dans le menu déroulant, cliquez sur la commande Coller pour insérer l'Embed code correspondant à l'animation.
5. En bas de l'Editeur de la source HTML, cliquez sur le bouton Mettre à jour

De gauche à droite: Image1, Image2, Image3 chargées dans Loogix.com

Animation GIF obtenue insérée depuis le code fourni par Loogix.com

<a href="http://www.loogix.com/"><img src="http://www.loogix.com/img/res/1/2/4/5/2/3/12452390171089223.gif" alt="Loogix.com. Animated avatars." /></a>

Je sais qu'il faut posséder quelques bases pour manipuler le code HTML, il s'agit d'une alternative pour insérer un gif animé. Alors autant varier les plaisirs :)

Pour insérer l'animation depuis l'URL, suivez les instructions "Comment insérer une image transparente et ou animée : Gee Mee"

Images pour usage non-commercial

Restez prudents dans l'utilisation des cliparts, polices et photos qui dits "gratuits" sont rarement libres de droits.

Textures, motifs, fonds (merci Océane)

• FREE HIGH-QUALITY 3-D BULLETS - CreatingOnline.com
• Tiled backgrounds designer
• Tartan Designer - Tartan Maker - Tartan Background pattern generator
• everyday icons - Patterns
• Free Backgrounds and Textures - nature backgrounds

Icones

• Category:Icons themes - Wikimedia Commons
• DryIcons.com - Free Icons and Vector Graphics
• MouseRunner.net - The building grounds of MouseRunner.com
• Design of Signage System - Theory, Applications, and Resources

Photos et cliparts

• Morguefile.com
• WPClipart is a collection of high-quality artwork and photos optimized for use with word processors and inkjet printers.
• Wikimedia Commons
• Université d'Amiens Arts plastiques
• Ecrillustrations pour enfants
• School Icons CLUB --Free Web Graphics--

propose de personnaliser des cliparts pour enfants.

Outils pour blog

Générateur d'images en ligne (merci Moumoune et Mallou)

• Favicon.ico Generator
  
• Thumbalizr.com génère la vignette d'un site favori. • Photo Notes transforme une image en polaroïd.
• CoolText génère un bouton à partir de votre texte stylisé.
• RoundPic - rounded corners for avatars and images [web 2.0 style]
• BeFunky.com
• Créer sa carte de visite gratuitement
• laphotocabine.com (le photomaton vintage en ligne !)
• GlassGiant.com - Make pictures for your Facebook Photos!
• Myspace Generators - Flash Toys
• Loogix.com logo: animation Gif en 3 clics!
• The Graffiti Creator - Home Of Graffiti Art
• Éditez facilement vos photos grâce à Picnik, mon coup de coeur en français s'il vous plaît!
• DrPic.com Free Web Picture Editor and Image Host - Crop, Resize, Text

Editeur d'images à installer sur PC

• Picasa 3 : programme gratuit à télécharger depuis Google
• Ript™ Quick Scrapbooking
• Poladroid project | the easiest and funniest Polaroid Image Maker

Effets sur photos

• photo frames - www.upframr.com
• Photofunia - Effets Photo
• fd's Flickr Toys: Do fun stuff with your photos
• ImageChef - Personnalisez Photos, Clip Art
• LoonaPix.com. Make Funny Pictures and Add Photo Frames Online
• Digital Photo Effects - Photo505 - Online Photo Fun

Musique

• MySpace Music Player/Playlist & Friendster (Flash MP3 Players) - MyFlashFetish.com
• 300 millions de musiques à écouter immédiatement - Musique illimitée - Soundzit.com

Widgets (trop comme les Google Gadgets tue)

• Avec Blog-it Express, on peut faire un sondage, archiver ses sites favoris, poster des notes courtes, rester en ligne avec la communauté.
• J'ai un faible pour les gadgets aBowman (poissons nageant à l'écran) et la date du jour façon The human calendar
• Widgetbox › World's largest widget directory and gallery - web
• Widgeo.net : Flash Counters, widgets, flash tools, animations
• Compteurs de visites pour blog
• RSS Widget demo (video, audio, pictures, ...) | Splush

Bannières verticales

• Les Influenceurs
• BuzzParadise // Communauté de blogueurs - Marketing d'influence - Buzz Marketing
• S.O.B. (Save Our Blogs)