Quand vous êtes dans votre article, pour insérer une image, allez dans « insérer un média » et cliquez sur la première icone à gauche.

Vous avez ensuite 3 options pour insérer une image :

- A partir de votre ordinateur : Cliquez sur parcourir > remplissez si vous le souhaitez les champs demandés > cliquez sur « insérer dans l’article »

- A partir du Web : insérer l’URL de l’image

- A partir de la bibliothèque : possibilités d’insérer des images déjà enregistrées au préalable

Une fois sur la page d’ajout d’un article, il suffit de cliquer sur l’icône de gauche de la ligne « Insérer un média ».

Une fenêtre s’ouvre alors, 3 onglets s’affichent :

- Depuis votre ordinateur

- Depuis le web

- Bibliothèque

L’onglet « Galerie » se rajoutera automatiquement lorsque vous aurez chargé de nouvelles photos. A l’intérieur, se trouveront les images téléchargées récemment.

1) Commençons par développer le premier onglet « Depuis votre ordinateur »

Il s’agit comme son nom l’indique, d’images à télécharger depuis votre ordinateur.

La taille de l’image que vous pouvez envoyer est limitée. Elle varie selon votre compte.

Par exemple, pour un compte gratuit, elle ne pourra pas dépassée 5Mo.

Alors que pour un compte Site Pro, elle sera limitée à 50Mo.

Pour télécharger une image :

Cliquez sur parcourir, choisissez la photo que vous désirez insérer dans votre article puis cliquez sur Ouvrir.

Pour modifier une image que vous venez de télécharger (facultatif) :

Une fois l’image chargée, vous pourrez cliquer sur « modifier l’image » situé sous la miniature.

Vous pourrez ainsi recadrer, faire pivoter l’image ou l’inverser horizontalement ou verticalement en cliquant sur ces boutons :

Pour recadrer l’image, cliquez sur la miniature et dessiner le rectangle sur l’image elle-même. Cliquez ensuite sur l’icône tout à gauche qui se trouve au dessus de l’image, puis sur « Enregistrer ».

Vous pourrez également changer les dimensions manuellement en cliquant sur « Modifier l’échelle »

Informations sur l’image :

Remplissez ensuite le titre (rempli par défaut), puis en option :

- le texte alternatif : ce texte apparaitra à la place de l’image si elle n’a pas pu être chargée sur le blog (cette information est aussi particulièrement importante pour le référencement de votre blog)

- la légende : accompagne et décrit l’image rapidement, s’affiche en dessous de l’image en italique

- la description : décrit l’image avec plus de précisions, ne s’affiche pas sur le blog

Exemple d’une image avec une légende :

Positionnement de l’image dans votre article :

Vous pouvez choisir de placer facilement votre image où vous le souhaitez dans votre article : à gauche, à droite ou de ne pas l’aligner du tout.

Cliquez ensuite sur « Insérer dans l’article » ou sur « Enregistrer » (pour l’insérer ultérieurement).

Une fois votre image insérée dans l’article, vous avez la possibilité de renseigner des informations supplémentaires.

Pour cela, il vous suffit de cliquer sur l’image ; Deux icônes apparaissent : celui de gauche vous permet de renseigner les informations supplémentaires et celui de droite de supprimer l’image.

Une fois que vous avez cliqué sur l’icône vous permettant de modifier l’image, une boite de dialogue apparait.

Vous pouvez alors renseigner :

- Le titre : il ne s’agit pas du même titre qu’au moment de l’ajout de l’image. Ce titre là est affiché quand l’internaute survole l’image avec sa souris.

Vous pouvez aussi modifier des informations que vous avez déjà renseignées lors du téléchargement de l’image, à savoir le texte alternatif et la légende.

D’autres options sont disponibles et feront l’objet d’un prochain tutoriel.

2) Passons au 2ème onglet : « Depuis le web »

Si vous avez trouvé une image sur le web, récupérez son adresse (url), collez-la dans le cadre « Adresse web de l’image ».

L’url se terminera par .jpg ou par .gif par exemple.

Remplissez ensuite le titre et d’autres informations optionnelles. Pour savoir comment procéder, reportez vous au paragraphe « Informations sur l’image » du paragraphe 1).

3) Passons au dernier onglet « Bibliothèque »

Vous y trouverez toutes les images déjà téléchargées dans le passé depuis votre ordinateur.

Pour modifier une image lors de la création de votre article, vous pourrez le faire en cliquant directement dessus. Cliquez sur l’icône de gauche qui s’affiche. Vous pourrez en modifier la taille en cliquant sur le pourcentage qui vous conviendra. Vous aurez un aperçu en cliquant sur chaque pourcentage de la taille réelle que prendra votre image.

Une fois votre article publié

En cliquant sur les images, vous pourrez visualiser grâce aux flèches les autres images de l’article mais autres possibilités.

Pour avoir une image qui s’ouvre dans une nouvelle page en taille réelle et non dans un diaporama, allez dans :

Gérer > Options avancées > Lecture

En bas de la page d’options, vous trouverez les options « Mode d’affichage des images ».

En cochant la première « Activer la visionneuse d’images », ça vous permettra d’activer le diaporama quand les internautes cliquent sur vos images.

En cochant la seconde, « Redimensionner les images », ça activera le redimensionnement des images dans le diaporama afin qu’elle ne dépasse pas la taille du navigateur. Cette option s’applique sur toutes les images du blog.

Note : Si ces 2 options sont décochées, le fonctionnement est le même pour la première version d’Unblog, c’est à dire que l’image apparaitra dans une page blanche quand un internaute cliquera dessus.

Si vous avez toujours des questions, n’hésitez pas à faire appel à la communauté sur le forum : http://unblog.fr/forums/

Maintenant, à vous de jouer !

L’article se compose d’un titre et d’un contenu. Pour le titre, c’est plutôt simple, pour le contenu, ça se complique en voyant ça:

A quoi servent tous ces boutons ?! En les survolant, un titre apparaît, c’est déjà un indice

Ils servent entre autre à mettre votre texte en forme:

souligné du texte avec ce bouton

mettre du texte en gras,

barré du texte,

changer la taille  du  textes,

des polices variés, choisissez le style d’écriture,qui vous convient

des couleurs selon vos envies,

 Pour faire une citation, c’est ce bouton! : )

 

Mettez en forme votre contenu :

Alignez à gauche, centrer, alignez à droite votre texte

Vestibulum eros arcu, hendrerit ut varius at, aliquam sit amet nulla. Aliquam tristique purus non ante semper viverra. Pellentesque sapien lectus, sodales molestie bibendum quis, facilisis vel nulla. Praesent et orci vel diam mattis egestas at at dui. Nulla non erat neque, porta ornare ante. Ut pharetra mollis lorem ut ornare. Suspendisse eu lectus et neque fringilla blandit. Duis eget odio quis erat rhoncus lacinia. Maecenas eu placerat dui. Nullam vitae feugiat purus. Suspendisse enim ligula, elementum et convallis id, suscipit in nulla. Ut eu orci sem, id tincidunt nibh.

Faire une liste

• Nullam ac nulla at sapien varius posuere id ac nisi.
• Pellentesque viverra diam vel justo egestas eu lobortis leo varius.
• Nullam in quam quam, et fringilla nulla.
• Phasellus a diam dui, accumsan dictum odio.
• Aenean ac orci id ipsum molestie molestie.

1. Mon premier point
2. Le second
3. etc…

Insérer des liens dans vos textes:

1. Utiliser le bouton à gauche sur cette image pour transformer un texte en lien vers une page internet.
2. Le bouton du centre sert à annuler un lien.
3. Celui qui est situé à droite sert à autre chose, on voit ça après !

Vous écrivez un texte, vous le sélectionnez puis cliquez sur le bouton 1 pour créer le lien

Cette fenêtre apparaît:

Sur la première ligne vous écrivez le lien sous la forme : http://mapageinternet.com

La deuxième ligne vous permet de donner un titre au lien. Ce titre apparait pour les lecteurs lorsqu’ils survolent le lien avec la souris.

Si vous cochez la case, le lien s’ouvrira dans une autre fenêtre que celle où se trouve votre lecteur.

Validez, et vous obtenez ça (le lien va ouvrir cette article une nouvelle fois dans une nouvelle fenêtre):

Un texte transformé en lien, très pratique, et facile !

Le troisième icône présent à droite sur cette image sert à ne pas afficher le reste de votre article. Tout ce qui se trouvera en dessous de cette image ne s’affichera pas, à la place il y aura un bouton avec écrit « lire la suite« . Ça permet d’afficher plus d’articles en moins d’espace sur sa page. Il faut savoir que certains thèmes proposent cette option nativement.

Insérer un album photo

-> Ajoutez des vidéos dans vos articles et sur vos pages ( sauf l’icône tout à droite, c’est pour insérer un sondage dans vos articles )

• à gauche : insérer une image ( depuis mon ordinateur, ma bibliothèque d’images, depsui un lien sur le web)
• insérer une vidéo ( youtube, dailymotion, vimeo…)
• insérer un son ( mp3, midi… )
• un média, un fichier

Image:

Vidéo:

Cliquer ici pour voir la vidéo.

Quand je suis dans mon éditeur d’article, la vidéo insérée apparait sous une forme de ce type

(youtube avec des points pour vous montrer car sinon la vidéo s’affiche):

[ you.tube ]http://www.youtube.com/watch?v=2n3R-G38S0U [/ you.tube ]

Son:

Quelques autre icônes:

insérer du texte à partir de Word par exemple

ajouter des caractères spéciaux

Indenter du texte

annuler une modification,la rétablir

Editeur Html

Pour coller un code Html, vous avez la possibilité de le faire en cliquant sur l’onglet « HTML » situé tout à droite des icones « Médias ».

Les options sont disponibles dans un cadre situé sur la droite:

Nous allons voir chacune des possibilités

« Enregistrer brouillon » : cliquer ici pour enregistrer votre travail sans le publier sur votre blog.

« Aperçu » : Cliquez ici pour afficher un aperçu de votre article. Vos visiteurs ne peuvent pas le voir, c’est juste pour vous !

Ensuite nous avons 3 lignes d’option: État, Visibilité et Publier (avec une icône de calendrier)

État: en cliquant sur « Modifier« , une liste déroulante apparaît.

Elle propose « Brouillon » pour mettre votre texte dans les brouillons, il n’est donc pas publié. « En attente de relecture« , c’est un statut d’article comme brouillon, utilisez-le si vous en avez besoin. C’est utile si vous êtes plusieurs à administrer le même blog. Pour refermer cette ligne d’option, cliquez sur « Annuler ».

Visibilité: définir si un article est public, privé ou bien protégé par un mot de passe.

Si le texte est public, vous pouvez cocher la case « Mettre cet article en avant sur la page » si vous voulez que vos lecteur ne le rate pas. Il restera au premier plan même si vous avez des articles plus récents.

Sélectionner l’option que vous voulez appliquer et cliquez sur « ok« . On clique sur « Annuler » pour fermer cette option.

Publier (tout de suite):  Cette option vous permet de programmer la parution de vos articles.

Par défaut, votre article est publié dès que vous cliquez sur le bouton « Publier« , on en parle juste après. Pour le faire apparaitre plus tard sur votre blog, cliquez sur « Modifier » et mettez la date et l’heure que vous voulez, pour finir, cliquez sur « ok »:

Enfin, en bas de ce cadre « Publier », vous trouverez le bouton de publication « Publier« , et si vous n’est pas satisfait de vous, un bouton pour mettre votre papier à la corbeille.

Catégories, Mots-clefs, image à la une

Le bloc « catégories » vous permet de mettre votre article dans une catégorie d’article. Vous pouvez créer les catégories que vous voulez en cliquant sur « Ajouter une nouvelle catégorie« . Votre article peut apparaître dans plusieurs catégories.

Le bloc « Mots-clefs » sert à associer des mots ou des expressions à votre article. C’est notamment utilisé pour les recherches. En tapant « publier » dans la recherche de ce blog, vous devriez tomber entre autre sur cet article.

« Image à la une » permet d’associer une image à votre article. L’image est utilisée par exemple si votre article est publié sur la plate-forme du site Unblog.fr, c’est l’image qui accompagnera l’article.

- En cliquant sur la dernière icône en haut à droite

- En allant sur le forum d’Unblog, vous pouvez poser vos questions aux autres bloggeurs ou aux modérateurs.

- Si vous n’avez trouvé de réponse, vous pouvez utiliser le formulaire de contact.

Les offres avancées permettent de bénéficier de différents avantages (+ d’espace de stockage des fichiers, statistiques détaillées, possibilité d’avoir un blog avec un nom de domaine, de ne plus avoir de publicités, d’avoir des thèmes avec un design plus professionnel, …)

Ces offres vont de 4,99 € par mois à 29,99 €.

Vous trouverez le détail de ces offres en allant dans l’onglet Gérer (en haut à droite) puis Abonnement.

Les bloggeurs disposant déjà de l’offre Premium sur l’ancien design d’Unblog, basculent automatiquement sur la nouvelle offre Premium.

Vous pourrez voir vos statistiques basiques ou avancées et même voir qui est connecté à votre blog au moment où vous les consultez en cliquant sur les liens présents au dessus de « raccourcis ».

Les statistiques avancées vous permettont de connaître le pays de provenance de vos visiteurs, leur système d’exploitation, la durée des visites, le nombre de pages vues par jour, les mots clés qu’ils ont rentré, …

Vous y verrez apparaître votre thème ainsi que tous ceux disponibles sur Unblog.fr

En cliquant sur les liens en dessous de chacun, vous pourrez avoir un aperçu en taille réelle, une démonstration, des captures d’écran (screenshots) et l’activer s’il vous convient.

Attention : certains thèmes ne peuvent être activés que si vous possédez un compte Premium.

Vous y trouverez la liste des fichiers déjà ajoutés.

Pour en ajouter d’autres, cliquez sur « Ajouter » (à coté de bibliothèque) puis sur « Parcourir ».

Sélectionnez le fichier que vous souhaitez inclure dans votre blog, puis cliquez sur « Ouvrir ».

La taille maximale d’un fichier est de 5Mo pour l’offre gratuite sur Unblog (et supérieure pour les offres avancées).

Les images peuvent être en format .jpg, .gif, .png et.pdf

La musique doit être en format .mp3

Tous vos commentaires apparaîtront.

En cochant la case présente à gauche du commentaire, vous pourrez alors les classer dans la catégorie qui vous conviendra en cliquant sur « Actions groupées » :

- Approuver,

- Désapprouver,

- Marquer comme indésirable

- Déplacer dans la corbeille