Afficher une icone pour personnaliser votre blog

Les petites bulles sur l’image de l’article vous montrent de quoi je désire vous entretenir.

Si vous avez accès au tag “head” (le tag html) de votre blog, il est très simple d’insérer une icone qui personnalisera votre blog et qui s’affichera dans la barre du navigateur lorsque vos visiteurs arriveront sur votre site ou dans ses favoris s’il vous en fait l’honneur.

Avec votre logiciel préféré, dans mon cas photoshop elements, créer un fichier de la taille 16×16 pixels. Le remplir de vos couleurs, logo ou autre et le sauvegarder sous la forme xyz.ico (attention, 16 pixels c’est peu de place.) ou xyz.gif ou encore pour être plus royaliste que le roi, favicon.ico ou favicon.gif.

Vous allez ensuite l’uploader, (le télécharger) à la place qui vous est attribuée ou que vous avez attribué pour vos graphismes.

Vous avez ensuite à inscrire entre head et /head les deux lignes suivantes, l’endroit importe peu mais il est plus propre de les mettre là où se trouve déjà des “link rel” comme pour du javascript, du CSS et autres:

Pourquoi deux lignes ? Vous savez comme moi que les navigateurs se jouent volontiers des normes et ces deux lignes permettent à votre icone d’apparaître sur tous les navigateurs.

Sauvegardez et le tour est joué. Votre blog donne un aperçu de votre professionnalisme qui peut vous ouvrir la porte de la cour des grands. (Attention, juste ouvrir la porte mais pour le reste, je suis sûr que la qualité de vos articles parlera pour vous.)

Pour Overblog, je vous ai déjà mâché le travail en recherchant dans sa FAQ.

Le même travail au niveau de l’icone mais obligatoirement un fichier gif sinon vous ne pourrez pas le charger sur OB.

Vous chargez ensuite votre icone comme vous chargez habituellement vos images, clic droit et copier l’adresse de l’image et c’est cette adresse que vous donnerez comme indiqué dans cet article de la FAQ OB. J’ai essayé et vous pouvez contrôler sur le blog de Wasicu, ça marche, vous retrouverez sur ce blog le petit carré orange Tby.

Une petite précision, si vous êtes en mode avancé pour la configuration, vous ne trouverez pas de “mise en page” mais vous pouvez obtenir le résultat avec “Accueil” et pour ceux qui ne savent pas ce qu’est un pied de page, c’est la grande case en bas qui se nomme texte. Cliquez sur le symbole du marteau et ensuite sur le bouton html qui se trouve dans l’éditeur qui va apparaitre.

N’oubliez pas chers Overbloguiens de mettre les deux lignes et non une comme indiqué par la FAQ.

J’en profite pour vous indiquer l’adresse du blog de référence pour le Design, les astuces et les widgets d’Overblog : AnnaK

Ne vous inquiétez pas, après cette petite expérience, je repasse au registre qui me convient le mieux, le raconteur d’histoire. Pour ceux qui se doutent quel est le but poursuivi, ils vont penser : “La teigne !”

Bonne continuation et bonne personnalisation de blog.
Thierry

Vote pour cet article

Cette création est mise à disposition sous un contrat Creative Commons.