Ok

En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies. Ces derniers assurent le bon fonctionnement de nos services. En savoir plus.

15.05.2011

Avatar, Gravatar et Favicon pour blog hautETfort

Avatar, Gravatar et Favicon sont les icones qui vous identifient visuellement auprès des bloggueurs.
Je propose de produire chaque icone avec Genfavicon. Free Online Favicon Generator. Icon Generator.


Chargez un fichier JPG/GIF/PNG correspondant à l'icone, en indiquant une adresse URL ou un chemin sur votre PC via le bouton Parcourir
Cliquez sur Upload Image

L'image s'affiche dans le cadre supérieur droit. Glissez-déposez le cadre gris autour de la portion qui va servir d'icone.
Cliquez sur la taille de l'icone clicklist.gif

  • Pour un avatar ou un gravatar, cliquez sur une taille au moins égale à 48x48 pixels
  • Pour un favicon, cliquez sur 16x16 pixels

Cliquez sur Capture&Preview

Observez l'aperçu Favicon. Si le résultat convient, cliquez sur
Download Favicon pour obtenir le favicon de votre blog qui s'affiche dans la barre d'adresse, dans un onglet ou dans les favoris de votre navigateur web.
Download PNG pour obtenir l'avatar qui vous sert de portrait numérique dans les réseaux sociaux et autres communautés.

 

Afficher l'avatar dans le profil de blog

  1. Cliquez sur l'onglet TABLEAU DE BORD de l'éditeur hautEtfort.
  2. Cliquez sur A propos
  3. Parcourir Cliquez pour afficher une Nouvelle photo ou Remplacer la photo en cours.
  4. Double-cliquez sur le fichier associé à l'avatar.
  5. Cliquez sur l'onglet PRESENTATION de l'éditeur hautEtfort.
  6. Cliquez sur Contenu des colonnes
  7. Dans la liste des Eléments, vérifiez que Votre photo s'affiche dans la colonne droite ou gauche.
    Si ce n'est pas le cas, cliquez sur Ajouter. Cliquez pour Mettre à jour les modifications

 

Afficher le gravatar devant vos commentaires

Procédez en deux temps:

  • Activez la fonction Gravatar dans l'éditeur hautEtfort.
  1. Cliquez sur l'onglet TABLEAU DE BORD
  2. Cliquez sur Généralités
  3. Dans les Propriétés d'affichage, demandez à Afficher le gravatar sur les commentaires.
  4. Cliquez pour Mettre à jour les modifications

L'avatar d'un bloggueur non-référencé s'affiche sous la forme d'un icone bleu/blanc dans un blog hautETfort.
protectimage_script.gif

 

Afficher le favicon de votre blog (bloggueurs avancés ET patients)

Chargez le fichier favicon.ico dans votre blog.

  1. Cliquez sur l'onglet TABLEAU DE BORD de l'éditeur hautEtfort.
  2. Cliquez sur Fichiers
  3. Cliquez sur le dossier où vous ajouterez le favicon: files, images ou media
  4. Ajoutez le fichier favicon.ico
  5. Faites un clic droit sur le fichier favicon.ico dans la liste des fichiers du dossier choisi.
  6. Cliquez sur la commande Copier l'adresse du lien similaire à celui-ci:
    http://votreblog.hautetfort.com/media/02/01/favicon.ico
  7. Cliquez sur Configuration avancée dans l'onglet PRESENTATION
  8. Cliquez sur Oui, Je veux aller dans le design avancé.
  9. Cliquez sur Modifier le template face au Modèle de la page d'accueil
  10. Avant la balise </head> insérez ces 2 lignes de code HTML
    <link rel="shortcut icon"
    coller adresse URL du favicon" type="image/x-icon"/>
    <link rel="icon" href="coller
    URL adresse du favicon" type="image/x-icon"/>
  11. Cliquez sur Enregistrer les modifications

Répétez les phases 9 à 11 pour chaque Modèle de la page...

Mille mercis à Lavande pour le tuto d'origine Insérer un favicon - www.blogtuto.org

Cette note vous a-t-elle été utile?

07:19 Écrit par Kielut dans Personnaliser son blog, Traitement d'image | Lien permanent | Commentaires (0) | Tags : blog avatar, blog gravatar, blog favicon | |  del.icio.us | | Digg! Digg |  Facebook

Les commentaires sont fermés.