11 novembre 2010
Ecrire à côté des images dans un article
Il faut penser aussi à ceux qui débutent...
Pour pouvoir écrire sur la droite de votre image comme ceci, au moment ou vous importez votre image, vous devez sélectionner Alignement à gauche.
Si vous avez plusieurs photos à mettre, c'est plus sympa qu'elles soient toute de la même dimension...
Alors cochez la case Créer une miniature de l'image et choisissez une taille pour votre image dans le petit menu déroulant.
Si votre image est aminée, n'oubliez pas de décochez les 2 cases.
Si au contraire vous préférez que votre image soit sur la droite et le texte à gauche, vous devez sélectionner Alignement à droite.
C'est aussi simple que ça...
Par défaut votre image sera sans alignement, c'est à dire à gauche et vous ne pourrez pas écrire à côté.
Insérer une image animée (gif) dans un article
Ouvrez un Nouveau message puis cliquez sur Insertion d'une image
Faites Parcourir pour importer votre image animée (Gif) décochez les 2 cases puis Envoyer ce fichier.
Ajouter un Imprimer cette page dans un article
Voici comment ajouter un Imprimer cette page sous plusieurs formes...
La première est la plus classique, ajoutez cette ligne de code à la fin de votre message en mode html avant de le publier :
<p><a href="#" onclick="javascript:window.print()">Imprimer cette page</a></p>
Vous pouvez modifier le "Imprimer cette page" et mettre ce vous voulez à la place.
La deuxième est un bouton imprimer :
<p><input type="button" onclick="window.print()" value="Imprimer cette page" /></p>
Vous pouvez également modifier le texte...
Et le petit dernier, mon préféré...Le bouton image :
<p><a href="javascript:window.print()"><img src="Adresse entière de votre image" /></a></p>
L'adresse entière, c'est ceci :
<img src="http://storage.canalblog.com/01/83/255038/15840886.gif" alt="imprimante_09" width="100" border="0" height="75">
Si vous voulez que l'image soit encadrée, collez seulement le lien.
Le lien ou l'url :
http://storage.canalblog.com/01/83/255038/15840886.gif
Insérer un document Word, PDF, PPS etc dans un article
Voici comment insérer dans un article, n'importe quel document (Word, PDF, PPS etc...) sous forme de lien, avec la possibilité pour vos visiteurs de les télécharger.
Ouvrez un Nouveau message et faites Insertion d'un fichier
Importez votre fichier...
Le lien de votre document apparait dans le message
Pour changer le nom du document, passez en mode Htlm et modifiez le.
Cliquez sur le lien Les Dieux du stade pour voir comment votre document s'ouvrira...
C'est pour vous les filles...
Récupérer l'adresse (url) d'une image
Pour obtenir l'adresse d'une image, ouvrez un Nouveau message et faites Insertion d'un fichier
Faites Parcourir pour importer votre image, pensez à décocher les "2 cases" si votre image est animée.
Faites Envoyer ce fichier
Votre image va apparaitre dans la page de votre message, pour récupérer son adresse vous devez passer le message en mode Html en cliquant sur l'icône suivante :
Vous obtenez cela :
L'adresse est soulignée en bleu, vous n'avez plus qu'à la copier-coller où bon vous semble...
Récupérer sa feuille de style en Mode standard
Celui là, il est pour Nadine...
Mais oui c'est possible...vous pouvez trouver votre feuille de style dans le code source de votre blog et celle de n'importe qui d'autre d'ailleurs...
Si vous utilisez Firefox :
Aller sur votre blog, puis cliquez sur :
Affichage / Code source de la page
Une page avec tout plein de code s'ouvre, c'est le code source de la page d'accueil de votre blog.
Juste avant la ligne </head> vous avez une ligne de code avec une adresse qui se termine par .css
C'est votre Feuille de style !
Copiez cette adresse et ouvrez-là dans la barre de navigation de Firefox.
Voilà, votre feuille de style apparait !
Si vous utilisez Internet Explorer :
Même chose, allez sur votre blog et cliquez sur :
Source dans Affichage
Le code source de votre page s'ouvre dans un bloc note, récupérez l'adresse en bleue et collez là dans la barre de navigation d'Explorer et votre feuille de style s'ouvrira.
Pour récupérer n'importe quelle feuille de style je vous conseille de vous équiper avec Web Developer Toolbar !
Passez son blog en mode avancé sans stress
Alors ça y est...vous êtes prêt pour le Mode avancé !?
Rassurez vous, ça n'est pas si compliqué...à condition de ne pas se précipiter.
Alors on respire un grand coup et on se détend...
Les grands travaux d'aménagement de votre blog vont pouvoir commencer !
Pour bien démarrer, commencez par choisir le style de votre blog, le nombre de colonnes, insérez tous les blocs et placez les dans la ou les colonnes de votre choix.
Ensuite aller dans style et faites parcourir pour mettre votre bannière en place,
vous devez respecter les dimensions indiquées, tuto ici.
Pourquoi il est indispensable de mettre sa bannière avant de passer en Mode avancé !?
Par-ce que si vous ne le faites pas, vous allez vous retrouver avec une bande de titre bleue ou rose, ça dépend du modèle que vous avez choisi au départ, et que c'est pas joli joli !
Alors ensuite vous allez m'envoyer un mail pour me demander comment faire pour l'enlever...
Je ne compte plus les fois ou ça arrive...
Pour
ceux qui aurait sauté cette étape et serait déjà passé en mode avancé
sans mettre leur bannière, pas de panique maman à la solution...regardez ici !
Allez...C'est parti !
Créez un Nouveau modèle pour votre blog et passez le en mode avancé.
Comme ça, si vous voulez faire marche arrière et revenir en Mode standard, il vous suffira de supprimer le modèle que vous venez de créer et de reprendre l'ancien.
Apparence/Nouveau modèle
Pour passer en Mode avancé :
Apparence/Paramètres/Convertir
Cochez la case et Valider
Ça y c'est fait...bienvenue en monde réel !
Avant de toucher à quoi que ce soit, faites une copie de toutes vos pages, "page d'accueil, feuille de style générale, page d'un message" etc...) dans le bloc-notes par exemple (Démarrer/Accessoires/Bloc-notes)
Comme ça, si vous avez de grosses mains pleines de doigts qui ont tendance à trainer sur le clavier par erreur, pas de panique, vous allez chercher la sauvegarde et ni vu ni connu...
Apparence/Editer les fichiers de ce modèle
Pensez aussi à faire une copie lorsque vous faites des
changements...tant que vous n'êtes pas très à l'aise, je ne le répète
jamais assez !
Une vidéo pour résumer tout ça...
Mettre une bannière sur son blog
Votre bannière doit faire 800x150 si vous avez choisi un modèle avec une seule colonne.
900x150 si votre modèle a 2 colonnes.
Pour une bannière plus grande, vous devrez passer en Mode Avancé.
Ensuite allez dans Apparence puis dans Style
Cliquez sur Parcourir pour importer votre bannière.
Visualisez puis Validez en bas de page.
Hou...la jolie bannière !
Mettre en ligne son premier article
Vous êtes donc devant une belle page blanche...
C'est normal...
Nous allons créer votre "premier message"...et voila à quoi ça ressemble :
Rien de bien sorcier...vous mettez un titre à votre message, vous choisissez une catégorie, vous écrivez votre bla bla et vous Poster & publier.
Pour voir votre blog, cliquez sur Voir le blog dans la liste dans onglets en haut de page.
Voilà...votre premier message est en ligne !
Choisir l'apparence et mettre les blocs dans les colonnes de son blog
Vous êtes un vrai débutant...hier encore vous ne saviez même pas ce que le mot Blog voulait dire...?
Vous êtes au bon endroit...les autres vous pouvez sortir !
Vous venez juste de créer votre blog sur Canalblog...enfin, pour l'instant ça ne ressemble pas vraiment à un blog d'ailleurs...
Avant de poster un message et commencer à remplir votre blog, il vaut mieux d'abord commencer par le commencement et choisir l'apparence de votre blog...
1 ou 2 colonnes, le style et mettre les blocs dans les colonnes.
Le modèle par défaut est bleu.
Pour changer de modèle cliquez sur Nouveau modèle.
Choisissez votre modèle et le nombre de colonnes, prévisualisez et Validez.
Ensuite allez dans Apparence et cliquez sur Blocs
Mettez les blocs dans la colonne de droite ou de gauche et Validez en bas de page.
Voilà...une bonne chose de faite !
« Accueil 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
