02 décembre 2005
Icône et stockage de fichiers
Ames sensibles s'abstenir !!!
Aujourd'hui nouvelle leçon de mode avancé : Comment
faire apparaître un petit dessin devant le nom de votre blog, sur
l'onglet qui indique les pages ouvertes dans votre navigateur et devant l'adresse dans la barre d'adresses...
Je
suis pas claire là...un exemple...pour Google, il y a un G bleu, pour
Canalblog un C rouge, pour Imageshack une tête de grenouille jaune et
maintenant pour Lableblue un petit flocon bleu...
Cette icône apparaîtra aussi quand votre blog sera mis en signet...à côté de l'intitulé retenu.
En tout cas, tout ça fonctionne très bien sous Mozilla Firefox...
Problème
annexe...depuis que je bidouille mon blog et que j'en modifie le
graphisme, j'héberge toutes mes images sur une page perso ouverte chez
mon fournisseur d'accès et qui ne me sert qu'à ça...sauf
qu'aujourd'hui, impossible d'y avoir accès...donc je me suis acharnée à
trouver un moyen d'héberger mes fichiers images, et accessoirement les
autres, directement sur Canalblog, chez moi, dans mon petit blog...
Eliminons d'abord ce dernier problème...
Stockage de fichiers sur le blog
Je savais qu'on pouvait insérer dans un
message un fichier téléchargé directement accessible...c'est le bouton
juste à droite de celui qui vous permet d'insérer une image quand vous
créez un message, une sorte de petite feuille de papier avec une petite
flèche rouge...
Alors j'ai créé un message que j'ai appelé "réservoir" et que je maintiens à l'état de brouillon.
Dans ce message j'insère tous les fichiers que je veux utiliser pour mon blog.
Quand
un fichier est inséré, il suffit ensuite d'aller dans "outils",
"gestions des fichiers", "docs" et par un clic droit, vous obtenez
l'adresse attribuée par Canalblog...sous la forme :
http://nomdublog.canalblog.com/docs/nomdufichier.jpg ou .ico ou .doc
etc.
Et voilà...plus besoin de stocker tous les fichiers dont on
a besoin de manière aléatoire ailleurs...tout est direct à
disposition...
Si quelqu'un a une meilleure technique...je suis preneuse...
Passons à mon gligli mignon sur les onglets...
Comment faire apparaître un icône devant le nom de son blog ?
Première étape : Création de l'icône à partir d'une image
J'ai utilisé un utilitaire disponible sur le net FavIcon, disponible ICI.
Simple
comme bonjour, même si c'est en anglais...Cliquez sur "Browse",
choisissez l'image sur votre ordi, cliquez sur "Generate FavIcon.ico".
Dessous dans "Preview", vous visualisez ce que cela donnera et pouvez
ainsi faire de multiples essais.
Une fois votre choix arrêté,
cliquez sur "Download favIcon" et vous pourrez enregistrez votre icône
sur votre ordi...sous forme de fichier .zip...Pour l'ouvrir et
récupérer le fichier .ico, je pense que vous savez tous utiliser Winzip
ou Winrar ou un équivalent.
Deuxième étape : Télécharger le fichier .ico dans votre blog selon la méthode ci-dessus ou une meilleure si vous en connaissez une...et récupérer son adresse...
Troisième étape : Insérer le code ad-hoc
Aller
dans "Apparence", cliquer sur "Editer les fichiers de ce
modèle"...Cliquez sur "sélectioner" et pour chaque page (page
d'accueil, page d'un message, etc...), insérer ce code :
<link rel="shortcut icon" href="http://nomdublog.canablog.com/docs/favicon.ico" >
sous la balise <head>
http://nomdublog.canablog.com/docs/favicon.ico est
l'adresse de votre icône que vous aurez récupérée à la 2e étape, bien
sûr si vous avez renommé l'icône fourni par FavIcon...il s'appelera
autrement...
Ne pas oublier de valider à chaque modification de page...Allez visualiser votre blog...et...Magique, non ???
Blue en mode "je reccrache ce que je viens d'apprendre"
Un petit comprimé d'aspirine ou deux ??? ;-)))
Commentaires
Waouhhhhhhhhh !!
Chapeau bas Blue - tu es devenue une vraie PRO
Euh la petite icone, ça m'interesse mais c'est que en mode avancé?
A priori oui Silo...puisqu'il faut intervenir sur le code html...
Merci pour les explications: C'est fait par chez moi.
Bon alors .... moi j'ai déjà réussi à me faire une petite icone à moi - qui est stockée dans mon ordi (c'est déjà pas mal !) - mais je crois qu'elle va y rester pour un bon bout de temps :o)))
Je suis encore TRES loin de pouvor l'integrer dans mon blog - mais je suis déjà bien contente d'en avoir une ;o)
Biz
hihi
J'ai déjà fait tout ça :D (mais pas sur mon blog de cuisine, sur un autre ;))
Mais pour les fichiers, pas besoin de garder en brouillon un message... au départ je croyais mais non ! il te suffit de faire "semblant", même si tu supprimes ton message dans lequel tu as mis ton image pour avoir une url, elle est directement enregistrée dans le dossier "images" de ton blog, même si plus de message associé à l'image.
*ouhla, je ne sais pas si j'ai été claire là ! *
Bisous
Super, bravo là tu es devenue une vraie pro, d'ailleurs tu parles comme eux..... LOL
je n'en suis pas encore là surtout que je suis sur over-blog et évidement ils changent les mots, en plus l'anglais rien que d'y pense et j'ai des boutons,
merci ton blog est superbe
Dommage alors je ne suis vraiment pas prête à passer en HTLM...trop peur!
en fait...
... on n'a pas tout à fait les mêmes chats: j'en ai effectivement un noir (avec une goutte blanche sous le menton) mais aussi un blanc en dessous et tricolore sur le dessus: marron, roux et noir... et non pas gris!
ravie de faire ta connaissance.
Alors il y a bien une noire avec une tâche blanche...mais l'autre n'est pas grise mais effectivement pas tricolore comme la tienne...la partie colorée qui est disposée exactement comme celle de la tienne est "brown ticked tabee" dixit une copine éleveuse de chats...c'est pas vraiment tigré même si cela y ressemble...ces poils sont de plusieurs couleurs à la fois...marron roux et noir... ;-)
La photo rend mal...
Sur la tienne, ma fille s'y est trompée...
Biz
merci blue! Je vais "proposer" à Mamour de m'aider à faire ça!
j'ai commencé... puis tout lâché, Canlblog me rétorque que le format n'est pas adpaté, shrkogneûgneû. Et comment fais-tu pour mettre une signature sur tes photos?
Ca marche.... enfin presque !!
J'ai tout fait comme tu nous l'a si bien expliqué, j'ai également regardé le mode d'emploi en anglais sur le site de favicon, mais rien a faire, l'icone ne s'affiche pas pour mon blog. Je vois pourtant bien la tienne (enfin la premiere fois que je suis venue je ne la voyais pas, mais maintenant oui). Va faire un tour sur mon blog, j'ai utilisé pleins de trucs moi aussi, y'en a un peu partout sur les pages, dans les pages, autour des pages... Si quelques choses t'interesses ou intéresse quelqu'un d'aute, je donne volontier les code HTML. J'ai pas oser me lancer dans des expliqations pour chaque truc et astuce (l'idée premiere du blog n'étant pas celle là). Mais je serais très ravie de savoir que quelqu'un profite de mes petites recherches progressives de trucs sympa pour personnaliser un blog. Voila, ben si tu peux me venir en aide cela serait sympa, sinon a bientot.
Je ne pourrais regarder ça que dans 10 jours, je pars demain pour Paris...
meilleurs voeux pour cette nouvelle année !
très joli blog
bizzzz
Merci, à vous de même !
Bonjour Bluetansy
Le message date mais il m'a été très utile pour installer un favicon. Merci beaucoup pour tes explications très claires... il a dû me falloir 2 minutes pour y arriver !
Merci de partager.
Demande autorisation
Nous vous demandons l'autorisation de prendre la photo de l'aspirine sur votre site en raison d'un travail demandé par nos professeurs.
Merci de répondre rapidement car notre travail doit être terminé pour le vendredi 8 juin
Merci
ça marche !
Poster un commentaire
Rétroliens
URL pour faire un rétrolien vers ce message :
http://www.canalblog.com/cf/fe/tb/?bid=44309&pid=1062451
Liens vers des weblogs qui référencent ce message :
