• MODULE SIMPLE avec une image cliquable

     

     

    Créer un MODULE SIMPLE avec une image cliquable.

     

    Ce module se nommera « Accueil » mais vous pouvez lui donner le nom, le lien, ou l'image que vous voulez.

    Voici l'exemple pour vous montrer ce que donnera le résultat final.

    Leçon 3 : Créer un MODULE "liens"

    Avant de commencer, trouvez la petite image qui vous conviendra. Vous pouvez prendre un de celles-ci pour vous pratiquer. Je vous les offre avec plaisir.

    Leçon 3 : Créer un MODULE "liens"Leçon 3 : Créer un MODULE "liens"Leçon 3 : Créer un MODULE "liens"

    1---Cliquez sur « Ajouter un module » que vous pouvez voir au bas de votre Blog où à côté d’un de vos modules déjà en place

    Leçon 3 : Créer un MODULE "liens"

    Cliquez sur la ligne " Module simple " 

    Leçon 3 : Créer un MODULE "liens"

    Après avoir cliqué, un tableau d’édition apparaît.

    Sur la ligne TITRE, donnez le nom Accueil à ce module  ou le nom que vous désirez.

     

    Leçon 3 : Créer un MODULE "liens"

    ENREGISTREZ

    Automatiquement votre MODULE qui se nomme ACCUEIL est créé.

    Leçon 3 : Créer un MODULE "liens"

    Il est temps d’aller placer dans ce MODULE l’image sur laquelle les gens vont cliquer pour voir votre page d’ACCUEIL ou un lien que vous désirez.

    Votre image est prête ?  allons-y

    Sur la même ligne que votre MODULE, vous cliquez sur ÉDITER , là où se trouve le petit crayon jaune

    Leçon 3 : Créer un MODULE "liens"

    Le tableau d’édition va s’ouvrir

    Cliquez sur le logo IMAGE et aller chercher sur votre ordinateur l’image que vous voulez avoir dans ce module. 

    Leçon 3 : Créer un MODULE "liens"

    Sur ce tableau, en cliquant sur « Parcourir » allez chercher sur votre ordinateur l'image désirée pour le module.

     

    Leçon 3 : Créer un MODULE "liens"

    Voilà l’image qui apparaît dans votre tableau d'édition.

    Leçon 3 : Créer un MODULE "liens"

    Cliquez sur «  Enregistrer » au bas du tableau

    Voilà, votre image est placée dans votre MODULE

    Leçon 3 : Créer un MODULE "liens"

    Il nous reste à y mettre un lien qui nous rendra directement sur la page d’accueil peut importe où nous sommes dans le Blog

    VOICI COMMENT INSÉRER UN LIEN « HTML » SUR UNE IMAGE DANS UN

    MODULE

    PS : avant de faire le tout, je vous conseille d’aller copier l’adresse URL de votre page d’accueil ou le lien vers lequel cette image nous dirigera. Une fois le lien copié, tout restera en mémoire.

    Leçon 3 : Créer un MODULE "liens"

    Cliquez à nouveau sur le crayon jaune afin d’éditer le tout

    Leçon 3 : Créer un MODULE "liens"

    Le tableau d’édition s’ouvre à nouveau

     

    1-Avec la souris, activez votre image. Tout le contour devient sélectionné.

    Leçon 3 : Créer un MODULE "liens"

    2-Cliquez ensuite sur le logo « Lien »

    Un tableau « lien » va s’ouvrir

    Vous effacez tout ce qu’il y a sur la ligne URL

    Leçon 3 : Créer un MODULE "liens"

     

    Là, il est temps de coller sur la ligne URL, l’adresse que vous aviez déjà copiée

    Leçon 3 : Créer un MODULE "liens"

    Vous écrivez le titre désiré

    Sur la ligne « Cible » vous choisissez « Nouvelle fenêtre » le tout empêche les gens de perdre la page si cette dernière est fermée.

    ---------------------------------- 

    Astuces

    Si jamais votre image était trop grande comme ceci, il est facile de la diminuer dans votre tableau d’édition.

    Leçon 3 : Créer un MODULE "liens"

    Voici comment faire pour diminuer une image mal ajustée

    Sur la ligne du module, faire ÉDITER avec le crayon jaune

    Leçon 3 : Créer un MODULE "liens"

    Le tableau d’édition s’ouvre

    Sélectionnez l’image avec la souris et à l’aide de petite poignée, diminuez l’image jusqu’à ce que la taille vous convienne.

    Leçon 3 : Créer un MODULE "liens"

    Faire « enregistrer » pour aller voir ce que ça donne. Revenir à nouveau sur le tableau d’édition si vous voulez ajuster de nouveau votre image.

    Quand tout est terminé et enregistré, si vous passez la souris sur votre image, vous voyez au bas de la page l'adresse html où le clic nous dirigera.

    Leçon 3 : Créer un MODULE "liens"

    NB : cette façon de faire sert aussi si vous voulez mettre une image qui mènera vos lecteurs vers un lien que vous voulez partager.

    Amusez-vous bien.

    Suivez-moi ici LEÇON 4  : CRÉER DES RUBRIQUES D'ARTICLES

     La suite des cours  est ici

     

    « Créer un MODULE " simple " avec imageMa collection de hostas »

    Tags Tags : , ,
  • Commentaires

    1
    chezmoi
    Lundi 25 Août 2014 à 00:39

    Merci Ginette  pour les nouveaux tutoriels d'aide


    ça va m'aider car j'ai un peu de difficulté depuis les changements


    d'Eklablog

    2
    Lundi 25 Août 2014 à 11:24

    Merci ginette pour ton aide et merci a ( chez moi) ou Prunelle  de t'avoir fait connaitre, vous êtes des amours . 

    3
    Mardi 9 Décembre 2014 à 19:28

    Bonsoir

    Ces indication sont des plus compréhensible, surtout pour un nul comme moi !

    Cela à du être difficile à créer et à demander une énorme patience, je pense.

    je  ne saurais  que revenir pour m'améliorer;

    Merci pour tout ces efforts .

    Cordialement

    various

    4
    Mardi 9 Décembre 2014 à 19:34

    @ Various

     

    Je te souhaite la bienvenue sur mon Blog. Si jamais tu as besoin d'aide, il me fera plaisir de t'aider.

    5
    Mardi 9 Décembre 2014 à 20:19

     

    Merci, bienvenue partager,

    M'aider ? Houlala,  il va y avoir du boulot dans ce cas !!

    je suis vraiment nul (sérieusement!) l'informatique pour moi c'est du charabia, ce pourquoi l'explication détailler en image dans  votre blog va m'être des plus utile pour débuter, merci

    Je tenterai l’expérience du bouton en image demain, je pense que ce sera plus accueillant.

    cordialement bonne soirée

    Jean

     

    6
    Mardi 10 Janvier à 15:41

    bonjour

    merci de ce partage

    amicalement

    mamie nicole

    7
    Mardi 10 Janvier à 18:59

    Coucou Mamie Nicole. Tu es celle que je connais ? chez Canelle ?



    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :