Label Blue

Un mix de journal perso, et d'articles sur les thèmes qui m'interpellent : santé et beauté naturelles, écologie, précocité, et tout ce me qui passera par la tête.

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"

aspirine


Un petit comprimé d'aspirine ou deux ??? ;-)))

Posté par bluetansy à 10:55 - Technique - Commentaires [19] - Rétroliens [0] - Permalien [#]

30 novembre 2005

Newsletter 2

Je signale l'envoi de la 2e newsletter...de manière à pouvoir encore un peu gérer les soucis techniques des uns et des autres....

Blue

Posté par bluetansy à 14:07 - Technique - Commentaires [16] - Rétroliens [0] - Permalien [#]

24 novembre 2005

Première newletter

Voilà...elle est partie, c'est surtout un test...

Si vous êtes inscrit et que vous ne recevez rien...c'est que votre inscription n'a pas fonctionné !

2 petits problèmes techniques...je ne sais comment mettre des liens dans la version texte...et j'avais inséré une jolie image dans ma version html...Poplist a refusé d'envoyer ma newsletter...alors va falloir que je travaille le sujet...

ecrire

Posté par bluetansy à 00:29 - Technique - Commentaires [18] - Rétroliens [0] - Permalien [#]

21 novembre 2005

Technique : Newsletter et Google

Afin de pouvoir doter mon blog de nouvelles fonctionnalités, je l'ai passé en mode avancé.

Je n'ai jamais, mais jamais appris le langage HTML...alors je procède à tâtons, je consulte des sites pour webmasters...si vous avez de bonnes adresses...

Pour l'instant voilà ce que cela donne :

- Insertion en bas à gauche d'un moteur de recherche Google...plus besoin d'ouvrir une nouvelle fenêtre si la lecture de mon blog vous donne soudain l'envie de vous documenter...

- Installation d'une newsletter : j'ai d'abord ouvert un compte chez un...euh...fournisseur de newsletter (je pense que ça s'appelle comme ça), Poplist, une fois mon compte chez eux activé, j'ai obtenu le code html à insérer ici...C'est chose faite, en haut de la colonne de gauche...

Alors maintenant il me faut des testeurs pour voir si ça fonctionne...à vos souris...
J'ai l'intention au moins de mettre un petit mot signalant les nouveaux articles de ce blog ainsi que mes nouveautés perso (nouvelle chronique sur l'Echo des Femmes au Foyer, nouveauté sur un de mes forums - Antimythe naturel, Thés et tisanes...ou même article qui m'aura semblé intéressant sur un blog-ami ou sur un site...).
Soyez indulgents pour mes balbutiements...

Difficile de rajouter des choses sans faire une page d'accueil trop chargée...si cela dépasse la mesure, n'hésitez pas à me le signaler...des fois que, toute occupée à faire joujou avec l'HTML...je ne me rende pas compte du massacre...

Par contre j'avais trouvé un code pour installer -temporairement-un joli calendrier de l'Avent...faute de pouvoir l'installer en mode simplifié...je ne l'ai pas noté...alors...wanted...

PS : J'ai aussi remplacé la liste des catégories par une menu déroulant...juste j'aimerais pouvoir mettre une autre couleur de fonds à la case...

 

Posté par bluetansy à 21:07 - Technique - Commentaires [15] - Rétroliens [0] - Permalien [#]

16 novembre 2005

Technique : Blog et liens

Pour répondre aux questions que l'on m'a posées suite aux petites images dans ma rubrique liens...

Lien dans le corps d'un message :


Il faut lorsqu'on écrit son message ou bien en l'éditant, écrire le nom que l'on donne au lien...puis le mettre en surlignage pour le sélectionner...ensuite, on clique sur l'icône en forme de 8 couché en haut à droite juste au dessus du message, une fenêtre apparaît dans laquel on inscrit l'URL exacte sur laquelle ça doit pointer...

On peut aussi insérer une image et ensuite la sélectionner et lui attribuer pareil un lien...

Pour mettre un lien permanent vers un site sur le côté des pages...

Plus complexe, il faut d'abord paramétrer le modèle utilisé pour le blog. Aller dans l'onglet Apparence - Liste desmodèles

Aller dans la fenêtre "Modèle utilisé actuellement pour ce blog" et cliquer sur Blocs.

Par défaut on est dans "Page d'accueil"...on va chercher dessous "Liste de liens" et on clique sur "ajouter à la colonne de droite"...ou gauche comme on veut...

Cliquer sur valider en bas.

Une fois ce paramétrage effectué...

Aller dans l'ongler "contenu" , cliquer sur liens d'amis...là on peut ajouter des liens...

Pour un lien sous forme de texte, simplement écrire le texte attribué dans la zone "Nom du site" et l'adresse (URL) dans la zone "Adresse Internet (URL)", ensuite créer éventuellement une catégorie (que vous pourrez réutilisez ultérieurement).

Pour un lien sous forme d'image, au lieu d'un texte inscrivez dans la zone "Nom du site": <img border ="0" src="http://ect.gif">

http://ect.gif ou.jpg étant l'adresse à laquelle est hébergée votre image (soit une image à vous qui est chez un hébergeur, soit vous prenez l'adresse d'une image sur le site de destination en faisant clic droit et copie de l'adresse de l'image...ou un truc du style, perso je suis en interface anglophone)...
Votre image doit déjà être sur le net !

Attention à la taille de l'image...

Ca a l'air complexe mais si vous suivez pas à pas, cela est plus simple qu'il n'y parait...

Posté par bluetansy à 21:53 - Technique - Commentaires [13] - Rétroliens [0] - Permalien [#]



« Accueil  1