mercredi, 04 novembre 2009

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
Taille du gravatar : pixels
Afficher le fil des commentaires
  1. 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

puce.gifCocher l'option 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.

puce.gif

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.

i_blue_sm.jpgCes 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
  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.

q_red_sm.jpg

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

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

Cliquez sur Tous les commentaires

puce.gif

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.

puce.gifBannir 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

puce.gifMettre à 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.

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

puce.gifPour bloggueurs avancés

Ecrit par kielut©Upset Diary dans Hotline hautETfort | Lien permanent | Commentaires (2) | Envoyer cette note

dimanche, 01 novembre 2009

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.

puce.gif

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'option

tetouill8.jpg

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

puce.gif

Appliquer un effet sur des photos

tetouill_joker.jpgS'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.

puce.gif

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 atafoto.jpg
    • Cliquez sur l'album à insérer Mon album
    • Cliquez sur dans les Options.
    • Valider Cliquez. Feuilletez l'album en exemple.

 

puce.gif

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

tetouill8.jpg

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.
BLTGOLD.GIFProtéger ses photos contre le vol : les solutions - VirusPhoto
BLTGOLD.GIF3 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.

Ecrit par kielut©Upset Diary dans Hotline hautETfort | Lien permanent | Commentaires (7) | Envoyer cette note

samedi, 31 octobre 2009

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?

i_blue_sm.jpgLes 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.

bidochonnternaute.jpg

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:

puce.gif

Voir toutes les notes Hotline hautETfort

Ecrit par kielut©Upset Diary dans Hotline hautETfort | Lien permanent | Commentaires (3) | Envoyer cette note

jeudi, 29 octobre 2009

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!

Ecrit par kielut©Upset Diary dans Hotline hautETfort | Lien permanent | Commentaires (2) | Envoyer cette note

mercredi, 23 septembre 2009

Fais péter l'Orange!

opourrie.jpgSur 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!

Ecrit par kielut©Upset Diary dans Hotline hautETfort | Lien permanent | Commentaires (5) | Envoyer cette note

lundi, 27 juillet 2009

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.

BathingSuit1920s.jpg

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)

rsb25.gifPhoto 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
BathingPhotonotes.jpg

rsb25.gifInstantizer.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
Bathinginstantizer.jpg

rsb25.gifRollip - 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
Bathingrollipsmall.jpg

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.

Bathingrollipasis.jpg

Ecrit par kielut©Upset Diary dans Hotline hautETfort | Lien permanent | Commentaires (4) | Envoyer cette note

mardi, 21 juillet 2009

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.

puce.gifOutre 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. B1E04B_cs.jpgAprè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.

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

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!

Ecrit par kielut©Upset Diary dans Hotline hautETfort | Lien permanent | Commentaires (6) | Envoyer cette note

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. clicklist.gifCliquez sur la taille de l'animation: Size
  3. clicklist.gifCliquez 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

Image3.jpg Image4.jpg Image3.jpg

Loogix.com. Animated avatars. 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 :)

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

Ecrit par kielut©Upset Diary dans Hotline hautETfort | Lien permanent | Commentaires (0) | Envoyer cette note

lundi, 22 juin 2009

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)

Icones

Photos et cliparts

jpg_lien_200-4e82c.jpg

propose de personnaliser des cliparts pour enfants.

Ecrit par kielut©Upset Diary dans Hotline hautETfort | Lien permanent | Commentaires (4) | Envoyer cette note

Outils pour blog


Widgets (trop comme les Google Gadgets tue)

Bannières verticales

Ecrit par kielut©Upset Diary dans Hotline hautETfort | Lien permanent | Commentaires (5) | Envoyer cette note

Toutes les notes