Tutofaf

Un blog d'aide fait par les femmes au foyer pour les cyberquiches !

16 mars 2005

tutofaf_intro

Ici, vous trouverez des tutos, des astuces et des réponses à vos questions pour créer vos blogs ou les améliorer.

Les tutos seront établis en fonction des demandes des membres du forum des femmes au foyer.

Mais si vous avez des remarques, des infos, une aide à nous proposer, vous pouvez contacter Damouredo : amedemaison@yahoo.fr
ou directement "contactez l'auteur" dans la colonne de gauche.

Et si vous êtes contents de nous, n'hésitez pas à nous rajouter dans vos liens ou vos boutons de blogs ! Votre façon de nous remercier, la manip est ICI


...et votez pour nous !

www.meilleurduweb.com : Annuaire des meilleurs sites Web. Image hébergée par servimg.com 
accueil

Posté par mplr à 11:24 - 1- Accueil - Commentaires [51] - Permalien [#]

08 janvier 2006

METTRE UN LIEN VERS L'ANNUAIRE des Femmes au foyer

Voici les logos de notre ANNUAIRE :

ANNUAIREPINSBLOGANNUAIRE

Et son code HTML :

<img src=http://damouredo.canalblog.com/images/t_PINSBLOGANNUAIRE.jpg height="150" width="92"

ou bien :

<img src=http://femmaufoyerliens.canalblog.com/images/PINSANNUAIRE.jpg height="150" width="92"

Tu surgraisses de suite ce code et tu fais "CRTL + C" copier ce code.

Tu cliques ensuite sur "CONTENU" et "LIENS D'AMIS" sur les onglets de Canalblog...

ANNUAIREFAF

Sur cet écran, tu vas copier le code dans la case "NOM DU SITE"

Et en dessous dans la case "ADRESSE INTERNET" (URL) tu vas copier l'adresse internet suivante : http://femmaufoyerliens.canalblog.com/

NB : Si tu le souhaites tu peux rajouter une catégorie à ce lien...

Tu n'oublies surtout pas de cliquer sur AJOUTER  !

Ca y est, le logo est inséré !

Pourquoi un ANNUAIRE ?
Pour avoir un endroit qui rassemble tous les blogs, sites, boutiques en ligne, forums, etc...créés exclusivement par les femmes au foyer.
Faciliter le surf afin de trouver ce que l'on cherche.
Pour être vues, reconnues et entendues, occuper la toile afin d'étendre le réseau d'entraide des femmes au foyer.

Et pour s'inscrire sur l'ANNUAIRE, suffit de cliquer ICI

Posté par damouredo à 13:52 - 4- Mode normal - Commentaires [17] - Permalien [#]

18 mars 2006

METTRE UN LIEN VERS LE FORUM des Femmes au Foyer

Voici le logo de notre FORUM  :

STICKER_31

Et son code HTML :


<img src="http://influenceurs.net/images/femmeaufoyer-160.gif" width="160" height="160"

Tu surgraisses de suite ce code et tu fais "CRTL + C" copier ce code.

Tu cliques ensuite sur "CONTENU" et "LIENS D'AMIS" sur les onglets de Canalblog...

ANNUAIREFAF

Sur cet écran, tu vas copier le code dans la case "NOM DU SITE"

Et en dessous dans la case "ADRESSE INTERNET" (URL) tu vas copier l'adresse internet suivante : http://femmeaufoyer.dynamicforum.net/

NB : Si tu le souhaites tu peux rajouter une catégorie à ce lien...

Tu n'oublies surtout pas de cliquer sur AJOUTER  !

Ca y est, le logo est inséré !

"Femme au Foyer" a été créé afin de regrouper et donner un poids à la parole de ces femmes qui manquent de reconnaissance et se sentent trop souvent isolées.

Avec l'espoir que notre espace d'expression fera bouger peu à peu les mentalités.

Venez à notre rencontre !

ET POUR NOUS RENDRE VISITE, C'EST ICI

Posté par damouredo à 19:24 - 4- Mode normal - Commentaires [18] - Permalien [#]

16 mai 2006

PLACER DES BOUTONS DE LIENS DANS UNE COLONNE

Ici, pas besoin d'être en mode avancé.
Rien de plus facile, il y a déjà un tuto en place.
L'exemple de bouton lien était celui du logo des FAF.
Il vous suffira de remplacer cet exemple par le bouton de votre choix.
En général, les boutons sont mis à disposition sur les blogs par leurs auteurs. Par exemple chez moi, vous le trouverez en haut à droite.

Il vous suffira de cliquer dessus avec le bouton droit de la souris, et de faire "enregistrer l'image sous"...et donc d'enregister le fichier du bouton où vous voulez chez vous sur votrer pc, pourvu que vous le retrouviez ensuite !

Pour la taille du bouton, il vous faudra tester ce qui vous convient le mieux par rapport à la largeur de vos colonnes. Il suffit de remplacer les valeurs de hauteur et largeur (height et width). Chaque fois, que vous aurez entré ces deux valeurs, n'oubliez pas de valider et de visualiser votre blog pour voir si ça vous convient. Dans la négative, changer à nouveau les valeurs....

Allez, pas de panique! A vos souris, et n'oubliez pas de me montrer vos résultats cheers!

Alors, c'est tout simple, faut juste faire 36 manips!!!


Exemple de "Logo" ! :


Arrow
Tu ouvres ton bloc notes de Windows, ou alors une page Word, cela va aussi.
Ca va te servir à y coller des choses que tu devras recopier ailleurs.

ArrowD'abord, il faut mettre sur le serveur de Canalblog, l'image du logo ANNUAIRE.

Pour ce faire, il faut que tu ailles dans "nouveau message".
Tu te places comme si tu voulais écrire un message, mais tu cliques sur "insertion d'une image"

Là, tu insères en fait le fichier qui correspond au logo que tu as rangé qq part dans ton pc. Tu cliques sur "poster et publier"
Ca donne ca : (Clique sur l'image pour la voir en grand)



ArrowEnsuite, tu vas sélectionner dans cette même fenêtre ton logo, et aller cliquer sur le signe "lien".
Ca donne ça :



En fait, ça t'ouvre une petite fenêtre, avec le chemin d'accès sur le serveur de ton image.
Tu vas sélectionner ce lien, le copier et le coller dans ton bloc notes.

Première étape de passée !

Tu vas dans ton bloc note ou ta page word et tu copies et colles ceci :

<img src=http://damouredo.canalblog.com/images/t_PINSBLOGANNUAIRE.jpg height="150" width="92"

Et tu vas remplacer ce que j'ai souligné et mis en gras, par ce que tu as précédemment collé dans ton bloc notes, à savoir, le chemin d'accès de ton image de logo sur le serveur de Canalblog.
Puis tu sélectionnes la phrase en entier, et tu fais copier.

Tu vas ensuite aller dans l'onglet "contenu" de Canablog, puis choisir "liens d'amis".
Dans la case "nom de site" tu vas coller ce que tu as copié précédemment....tu suis ?

En dessous dans la case "adresse internet", tu mets l'acccès de l'annuaire des FAF, à savoir : http://femmaufoyerliens.canalblog.com/




Puis dans la case "ou ajoutez une nouvelle catégorie" tu peux taper par ex, "Annuaire des Femmes au Foyer"
Ensuite tu fais VALIDER et le tour est joué !

Posté par damouredo à 13:24 - 4- Mode normal - Commentaires [43] - Permalien [#]

POURQUOI PASSER EN MODE AVANCE ET COMMENT ?

Allez, c’est décidé, on passe en mode avancé,
et on a même pas peur !! Eh wai !!




Mais pourquoi au fait ?? A quoi que ça sert le mode avancé ???? Et pis, c’est quoi d’abord, la différence entre mode normal et mode avancé ????

Ben c’est tout simple. Entre le mode normal et le mode avancé, pas grand-chose ne va changer, hormis tout ce qui concerne les modifications de l’apparence de votre blog.

Je m’essssplique !

En mode normal, pour réaliser l’aspect visuel de votre blog, tout est formaté pour vous…et vous n’avez accès qu’à des éléments prédéterminés pour vous : pour le style, l’apparence générale, la disposition des blocs etc etc….

En mode avancé, c’est vous qui décidez !!! Vous mettez ce que vous voulez dans vos colonnes, avant vos messages, dans vos messages, ou encore en en t-ete de votre blog, et ce…t comme vous voulez ! Vous pouvez insérer un compteur de visites, la météo, un moteur de recherche, de la musique, une radio (ça je sais pas encore faire mais ça va venir !), une horloge, un post it express…etc etc….
Vous pouvez également mettre un fond d’écran qui vous ressemble (ou pas, c’est comme vous voulez !!)

Bref, on est beaucoup plus libre en mode avancé, et beaucoup plus à même de réaliser  un blog en adéquation avec ce qu’on est…

Pour vous rassurer :


Pas besoin d’être un pro du Java ou du HTML pour passer en mode avancé. Vous verrez que pour insérer un compteur, un post it, une horloge…les codes sont en général écrits pour vous ! Suffit de les copier et de les coller au bon emplacement !

Vous avez un peu peur de faire la manip irrémédiable ? Faites tout d’abord une sauvegarde du contenu de votre blog actuel :

Comment ?
Et bien vous allez créer un nouveau modèle de votre blog :
Vous allez dans Apparence.
Vous cliquez sur « nouveau modèle »
Vous lui donnez un nom, exemple « sauvegarde »
Vous cochez une apparence générale (nombre de colonnes) et un thème (on s’en fout du thème en fait), et vous validez.

En image ça donne ça:




Cette sauvegarde va garder tout le contenu de votre blog actuel : les messages, les commentaires, les liens, les fichiers, les photos, les albums etc etc.
Par contre, vous ne retrouverez plus votre bannière si vous en avez une, ni la configuration de votre blog actuel, donc exit le joli bleu, le joli rose que vous aviez mis enplace….mais c’est pas grave, on garde le plus important ! Après, le relooking, c’est vite fait ! Vous verrez !


Voilà, maintenant pour passer votre blog actuel en mode avancé : (je suis sûre que vous tremblez plus à présent, hin?!).
vous allez sélectionner votre modèle actuel de votre blog, vous cliquez sur Paramètres, et vous cochez la case convertir ce modèle en type avancé (attention, opération irréversible).

En image, ça donne ça :



Et voilà le travail !  coool

Maintenant, si vous voulez ajouter un nouveau post à votre blog, vous faites comme d’habitude ! Message, nouveau message, etc etc, ça vous savez faire, vous le faites tous les jours… Promenez vous dans les coulisses de votre blog, histoire de découvrir un peu tout ce qui n’a pas changé !!!

Pour le reste…attendez le tuto n°3 !

A bientôt !

Posté par damouredo à 13:28 - 5- Mode avancé - Commentaires [22] - Permalien [#]


AU SECOURS, MON LOGO OU BOUTON EST TOUT DEFORME !

Notre logo :

Mais il peut aussi ressembler à cela :
Et son code HTML...

<img src=http://damouredo.canalblog.com/images/t-STICKER_25.jpg height="100" width="100

Avez-vous vu ces chiffres ? height="100" width="100

Ils correspondent l'un (Height = hauteur en anglais) à la hauteur du LOGO et l'autre (width = largeur) à la largeur de votre logo.

A vous de jouer avec ces deux valeurs pour que votre bouton ou logo s'affichent de façon correcte !

C'est tout simple, non ?

Posté par damouredo à 19:02 - 4- Mode normal - Commentaires [2] - Permalien [#]

17 mai 2006

A QUOI CA RESSEMBLE, LE MODE AVANCE ?

Pour mettre à jour votre blog, pas grand-chose ne va changer.

Pour poster un nouveau message, rien ne change :

12

Au niveau du contenu, rien ne change, c’est tout pareil :

22


A savoir, pour tout ce qui concerne vos commentaires, vos rétroliens, liens d’amis et albums photos, tout marche comme en mode normal.


Essayez si vous me croyez pas !

Ici non plus, rien ne change

32

Et…Ici non plus, rien ne change

41

Par contre, là où il y a sacrément du changement, c’est dans le second onglet, celui appelé Apparence.

Regardez voir :

52

Avant, 4 sous parties vous permettaient de modifier votre blog :

- paramètres

- style

- apparence générale

- blocs

Et ces parties étaient préfigurées pour vous. Dans chacune des parties, il vous suffisait de choisir ce que vous vouliez.


Comme cela :

avant1

A présent, c’est différent. Il n’y a plus de choix possible. Car TOUT est possible !

Mais pour ce faire, il faut l’écrire…

Quand on clique sur «éditer les fichiers de ce modèle », on rentre dans la rubrique :

71

S’ouvre cette nouvelle fenêtre :

81

Non non, ne partez pas en courant !!!! Pas d’affolement ! Ca a l’air compliqué comme ça, mais c’est juste fait pour vous impressionner !!

Observons cette nouvelle page.

Où est on exactement ?? Tout simplement sur ce qui configure la page d’accueil de votre blog.

Regardez de plus près :

91

Vous avez possibilité de sélectionner tout plein d’autres choses :

102

…et donc de faire des modifications aussi bien au niveau de la page d’accueil, des archives, de l’index des archives, d’un message, du profil de l ‘auteur,…de la feuille de style générale.

Mais nous, on va pas s’amuser à triffouiller tout partout.

Nous, ce qui nous intéresse, c’est de pouvoir mettre un post-it, un compteur, une horloge, une bannière, du texte défilant, une image de fond, changer la taille des colonnes, la couleur des colonnes, du texte, etc etc…

Et ça, ça se fait dans la page d’accueil, ou au niveau de la feuille de style générale.

Et grâce à quoi ???

Grâce à ça :

113

Non, ce n’est pas du martien ! C’est du code html. Pas de panique, pas besoin d’être bilingue ! Nous, on va se contenter de choses simples ! Les codes pour toutes les choses qui nous intéressent existent déjà…il nous suffira de les copier et de les coller au on endroit.

Prochain tuto, on attaque pour de bon !

On commencera par se mettre une belle image de fond ? Qu’en pensez-vous ?!

A bientôt pour un prochain tuto!!!

Posté par agrippine1 à 14:42 - 5- Mode avancé - Commentaires [16] - Permalien [#]

TRANSFORMER UNE BANNIERE EN BOUTON

C'est ma technique, elle n'est sans doute pas unique, ni la meilleure, mais c'est celle que je connais !!

Je lance le logiciel PAINT (Logiciel livré avec Windows, que je trouve dans le menu DEMARRER puis PROGRAMME et ACCESSOIRES.

Je vais ensuite sur le blog choisi...et j'affiche la page avec sa bannière.

Puis j'appuie sur la touche de mon clavier "Impr écr. Syst" (si, si cherchez bien...elle se trouve tout en haut à cpté de la touche F12) - il ne se passe rien, c'est normal.

Je vais dans PAINT et là je vais dans le menu EDITION puis je fais COLLER !

Surprise, la page du blog apparait !

J'utilise ensuite l'option SELECTION de Paint (en haut à gauche, le rectangle en pointillés) puis je sélectionne soigneusement la bannière.

Je me positionne à l'intérieur de ce que je viens de sélectionner et j'actionne le clic droit de ma souris.

Je choisis l'option COPIER VERS.

Je sauvegarde alors la bannière en lui donnant un nom (exemple "bannière01).

La bannière est alors sur mon disque dur.

Pour l'inclure dans mes liens sous forme de bouton, je n'ai qu'à suivre les instructions "PLACER DES BOUTONS DE LIEN DANS UNE COLONNE"


Posté par damouredo à 19:09 - PETITS EXTRAS - Commentaires [19] - Permalien [#]

20 mai 2006

MES LIENS N'APPARAISSENT PAS !!

Pour voir afficher ses liens, il faut donner l'autorisation d'affichage :

Aller dans l'onglet APPARENCE et ensuite dans BLOCS

Bloc1

On arrive sur une liste de choix que l'on va ou non autoriser à s'afficher soit dans la colonne de droite, soit dans la colonne de gauche.

Bloc2

Ne pas oublier pas de VALIDER.

Pour ensuite insérer ses liens, on va dans l'onglet CONTENU et LIENS D'AMIS

On donne le nom du site "DAMOUREDO" par exemple que l'on souhaite mettre en lien et dans la case en dessous on indique l'Adresse Internet (URL) : http://www.damouredo.canalblog.com/

Ne pas oublier pas de VALIDER.

Posté par damouredo à 08:35 - 3- Le B-A BA quand on commence - Commentaires [9] - Permalien [#]

01 juin 2006

MES COLONNES SONT DE DIFFERENTES LONGUEURS

Dans le cas de colonnes qui ne sont pas de la même longueur que celle du milieu (qui s'arrêtent sous leur contenu, alors que celle du milieu allait jusqu'en bas...)

Il faut aller dans "feuille de style générale"

et dans les parties : #rightbar et #leftbar il faut rajouter en dessous de la ligne "width: 200px"

> une nouvelle ligne que l'on nomme : height : ...px; en définissant le nombre de pixels que l'on souhaite (4950 par exemple)

Posté par damouredo à 18:57 - 5- Mode avancé - Commentaires [14] - Permalien [#]


Fin »
Haut de Page