• Comment faire un livre d'or avec un lien avec une image ?

     
     

    Ces derniers temps vous êtes nombreux a me demander comment faire un livre d'or avec une image


    Passez avec votre souris sur l'image de droite pour voir le résultat final

       livre d'or image finale

    Exemple final de l'exercise

     
       
     

    1) Création de l'image représentant votre livre

    Avec un programme du style Paint ou photofiltre faire une image (de préférence avec une transparence pour faire plus joli) avec pour plus de facilité la largeur de votre colonne

    Dans cet exemple j'en ai fait deux identiques, mais avec un texte différent pour faire une animation en survolant votre livre, je donne le nom de livre dor A et livre dor B

    (attention pas d 'apostrophes dans les noms)

     

     

    livre d'or image 1

    livre dor A

     

     

    livre d'or image 2

    livre dor B

     
     
     

    2) Hébergement des images sur Eklablog

    Maintenant il suffit de sauvegarder les deux images sur Eklablog

    Voici la procédure, très simple à faire, pour cela je me dirige avec le curseur de ma souris sur la barre Eklablog en haut de votre navigateur internet, sur l'onglet CONTENU et je clic sur GERER LES FICHIERS

    Une fenêtre s'ouvre à la mention GESTION DES FICHIERS, comme j'aime bien que tout soit bien ranger dans mes fichiers sauvegardés, je vais faire un répertoire images pour le blog, pour cela je clic sur le bouton NOUVEAU DOSSIER, une fenettre s'ouvre et je donne le nom "images pour le blog" puis OK

    Maintenant dans la fenêtre GESTION DES FICHIERS il y a un dossier intitulé "images pour le blog", je clic dessus ensuite je clic sur le bouton parcourir en bas à droite en dessous de "Envoyer un fichier dans ce dossier :" et je vais chercher les images stockées sur mon disque dur

    Je répète cette dernière opération pour les deux images (voila, le plus dur est fait)

     

     

     

    3) Création de votre livre d'or

    Retour a votre barre Eklablog, toujours dans l'onglet CONTENU, maintenant je clic sur NOUVEAU LIVRE D'OR

    Ici je donne le nom de cette page "Mon livre d'or"
    et je clic sur Ok

     

     

      
     

    Un nouveau module s'ouvre

    Ici c'est comme sur une simple page "article" que vous faite chaque jour sur votre blog, à vous de faire à votre gout en mettant un petit message de remerciement, un image éventuellement, gèrer les permissions etc

    Ensuite, comme toujours sur Enregister

     

     
      
     

    4) Création du module "Livre d'or"

    Pour cela je vais sur ma barre Eklablog

    Cette fois je vais sur l'onglet APPARENCE, le 2ème en partant de la droite, je clic sur AJOUTER UN MODULE

    Une nouvelle fenêtre s'ouvre avec le nom

    Je clic sur MODULE SIMPLE

     

     

     
        
     

    Maintenant vous devez rechercher l'icône  Editer / insérer une image dans le module (qui normalement est ouvert) soit en mode Normal ou Expert, attention ne pas utiliser cette fois IMAGES (plus de facilité cette fois)

     

    Voila il est temps de mettre votre image a votre module du livre d'or, pour cela vous devez aller rechercher votre image sauvegardée dans le point 2 de cet exercice en cliquant sur l'icone Parcourir et le module de l'image de droite s'ouvre

    Il vous suffit maintenant de reprendre l'image "livre d'or A" dans votre répertoire "images pour le blog" si vous avez repris le même nom de repertoire

     Si besoin voir la procédure en cliquant ICI

    Maintenant vous avez votre image, je vous conseille de la centrer avec l'icône CENTER pour une question d'esthétique, si vous n'avez pas créé une image à la bonne taille, il vous faudra la réadapter via le module "apperance", mais normalement vous ne devriez pas devoir le faire si vous avez suivi mon conseil précédent

     

     
      
     

    Il reste plus qu'a faire la petite animation, c'est très facile à faire et cela donne un bel effet a votre blog

    Sélectionner votre image en cliquant sur celle-ci, ensuite cliquez sur l'icône de nouveau le module Insérer / éditer une image s'ouvre, je sélectionne l'onglet Avancé   

    Dans la section IMAGE alternative, je clique sur le petit rectancle a gauche d' IMAGE ALTERNATIVE

    Reste plus qu'a rechercher les deux images représentant mon livre d'or via le bouton Parcourir que vous avez déjà utilisé

    Je place l'image qui porte le nom de "livre dor B" dans la section "au survol de la souris" et l'image "livre dor A" dans la section "à la sortie de la souris"

    Une fois terminées les deux opérations, je clique sur Insérer et je sauvegarde le module

     

     
       
     

    5) Liaison de votre image avec l'adresse url de votre livre d'or

    Pour pouvoir faire un lien cliquable de votre image, il est temps de connaitre l'adresse url de votre livre d'or pour cela vous devez de nouveau vous rendre sur la barre Eklablog, cliquez sur "CONTENU" ensuite sur "GERER LES RUBRIQUES"

    Pour connaitre l'adresse vous cliquez sur "Mon livre d'or" qui se trouve dans la section de gauche sous référence LIVRE D'OR

    Comme sur cet example à droite du module vous pourrez soit voir, éditer ou supprimer votre livre d'or

    Ici, je vais simplement reprendre l'adresse URL

    Je clic sur URL et l'adresse est en surbrillance

    Je copie celle ci en faisant la manipulation suivante tout en étant toujours en surbrillance : je presse les touches suivantes en même temps CTRL & la touche C


     

     
       
     

    Je copie celle ci en faisant la manipulation suivante tout en étant toujours en surbrillance : je presse les touches suivante en même temps CTRL & le touce C

    Maintenant il ne vous reste plus qu'a réouvrir votre module Livre d'or, de sélectionner votre image du livre d'or

    Dans la case réservée à droite URL du Lien, je clique dessus et ensuite je fais la dernière manipulation avec les touches suivantes comme précédemment mais avec cette série de touches, je presse en même temps les touches CTRL & la touche V

     

    Voila le travail est fait, reste plus qu'a appuyer sur Insérer et sauvegarder le module

    Admirez votre travail, faudra peut être placer votre module à une place précise, mais cela est une autre histoire, un autre exercice que je reviendrais peut être un jour si j'ai d'autres demandes

    Bien sur les puristes me diront qu'il y a d'autres manières de le faire, même plus rapidement, mais je pense que de cette manière tous les débutants suiveront et auront un résultat

    Bravo a vous

     

     

     

       

    Une question ?

     

     


    Tags Tags : , ,