• Une image et une musique dans un module

    Une image et une musique dans un module

    Comment insérer une image et un player automatique musical dans un module?

    Suivez le guide.

     

    1°) Stockage de l'image et de la musique

    Une image et une musique dans un module

    Une image et une musique dans un module

    Les fichiers envoyés ici, seront hébergés par Eklablog.

    Une image et une musique dans un module

    Après avoir uploadé un fichier mp3, il apparaîtra dans cette fenêtre.

     

    Une image et une musique dans un module

    De la même manière, envoyez un petit fichier image qui viendra agrémenter votre module musique

    Une image et une musique dans un module

    Une image comme celle là par exemple

    Maintenant, c'est plus facile pour l'image! Eklablog a bien fait les choses, il suffit de choisir une image sur son disque dur et de la télécharger comme pour une image de vos article.

     

    2°) Création du module

    Une image et une musique dans un module

    Une image et une musique dans un module

    Maintenant, on va créer le module .

     Allez dans le menu "Apparence" et choisissez: "Ajoutez un module"

    Appelez-le 'Musique' par exemple.

     

    On va d'abord y mettre une image

    (Facultatif, mais au moins vous saurez comment mettre une image dans un module)

    Une image et une musique dans un module

    Cliquez sur "Insérez/éditez une image (Cercle rouge)

    Une image et une musique dans un module

    Cliquez sur le bouton (Cercle rouge)

     

    Une image et une musique dans un module

    Votre fenêtre fichiers s'ouvre,vous affichant les fichiers que vous avez téléchargés tout à l'heure.

    Choisissez le fichier image de la portée musicale et cliquez sur OK.

     

    3°) Insertion de l'image

    Une image et une musique dans un module

    Redimensionnez l'image en fonction de la largeur de votre colonne

     

    Une image et une musique dans un module

    Pour connaître la largeur de votre colonne de module, allez dans Apparence/Modifier le thème/Personnalisation du thème/Menu1/Format

     

    Une image et une musique dans un module

    Voilà maintenant votre image dans le module. Vous pouvez la redimensionner et la centrer.

    Puis passez la fenêtre en mode HTML. On va lui rentrer du code.

     

    4°) Insertion de la musique

    Une image et une musique dans un module

    Dans la fenêtre, vous pouvez voir le code HTML qui correspond à l'affichage de l'image.

    Récupérez le code HTML du player mp3  ICI

     Sélectionnez le (Ctrl A) Puis copier (Ctrl C) Et enfin, collez-le (Ctrl V) dans la fenêtre du module en mode HTML à la suite des quatre lignes de code déjà présentes.

    Une image et une musique dans un module

     Remplacez la ligne

    http://ekladata.com/xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx.mp3

    Par votre propre Url pour écouter votre propre musique.


    Pour trouver votre URL:

    Une image et une musique dans un module

    D'abord, ouvrir le gestionnaire de fichiers.

     

    Une image et une musique dans un module

     

    Une fenêtre du navigateur s'ouvre et la musique débute.

    Une image et une musique dans un module

    Faite un "Copier" (Ctrl C) de l'URL puis collez la à la place de la ligne entourée de rouge dans le module en mode HTML Fenêtre "Code source" (voir plus haut).

     

    Une image et une musique dans un module

    Et voilà le résultat. Il ne vous reste plus qu'à déplacer ce module en allant dans "Apparence/Gérer les menus"

    Après, vous pourrez toujours éditer le module pour changer le titre par exemple.

    Pour changer la musique, il suffit de l'envoyer chez Eklablog par l'intermédiaire du gestionnaire de fichier comme expliqué plus haut et de changer la ligne dans votre module en HTML.

    La musique démarre dès l'ouverture du blog. Choisissez une musique très douce ou un bruit de nature. Pensez que ca peut énerver les visiteurs qui, s'ils peuvent arrêter la musique, peuvent aussi abréger leur visite... 

    Visitez mon blog pour voir le résultat ICI

     Merci à Pascale☼Nokomis grâce à qui j'ai pu écrire cet article. C'est elle qui m'a donné le code pour le player musical.

    Et aussi l'astuce pour récupérer la musique des vidéos Youtube (Uniquement) grâce à ce site: ICI  et

    Merci à Gaya Nature qui avait elle même renseignée Pascale☼Nokomis

     

    « Comment créer une NewsletterDes flèches de navigation rapide verticale. »

    Tags Tags : , , ,
  • Commentaires

    1
    Dimanche 12 Janvier 2014 à 13:45

    Très intéressant mais avant que j'en arrive là !!!!! Tu me diras il faudrait que j'ai déjà un blog ici. Il faut se familiariser avec tout ça. Merci pour tes réponses par mp sur blogzoom.

    Il va falloir que tu fasses un petit livret : eklablog pour tous et le vendre

    En tous les cas c'est très gentil de ta part de nous faire partager tes connaissances !

    2
    Dimanche 12 Janvier 2014 à 15:43

    Salut et bon dimanche,

    Ben y a qu'à suivre méticuleusement ces explications claires et précises. On dit que la musique adouci les mœurs alors avec ton tuto c'est la solution.

    3
    Dimanche 12 Janvier 2014 à 17:42

    Précises et très claires, il suffit de les suivre à la lettre ces explications !

    Merci à vous deux avec Pascale et toi, nous allons finir par y arriver.

    Bizzz et bonne fin de week-end

    4
    Lundi 13 Janvier 2014 à 06:29

    là j'avoue t'es trop fort pour moi,

    bravo pour l'explication !!

    et bonne journée merci !

    5
    Lundi 13 Janvier 2014 à 08:19

    je vais imprimer tes tutoriels  pour essayer d'enjoliver mon blog merci pour tous ces conseils

    j'espère pouvoir faire des rubriques personnalisées! bon lundi

    6
    Lundi 13 Janvier 2014 à 13:55

    Tes explications sont très claires et détaillées

    Je sais combien de temps il faut pour faire un tel billet ... bravo!

    7
    Mardi 14 Janvier 2014 à 00:08

    Coucou Michel,

    merci d'être passé. Je suis d'accord avec toi sur les pays froids, mai sue ne saurais physiquement aborder un voyage en Islande; un peu trop compliqué pour moi, entre régime et heures de vie incompatibles avec ces déplacements et randonnées trop difficiles maintenant. J eme suis consolée en mettant mes pages et en regardant l'émission.

    Pour les différents trucs techniques, on verra quand j'ait-rai du temps.

    Bonne nuits et bises.

    8
    Mardi 14 Janvier 2014 à 06:52

    Tiens tiens tu as changé tes flèches !!! Pas mal non plus celles-ci et je crois que je les préfère aux autres ça fait effet "flash".

    Bon mardi. Sylvie

    9
    Mardi 14 Janvier 2014 à 07:43

    Intéressant, j'y reviendrai lorsque j'aurai un peu plus de temps.

    Merci à toi pour ton aide.

    10
    Mardi 14 Janvier 2014 à 09:58

    Bonjour Michel,

     

    C'est sympa ce que tu fais pour les nouveaux. Tous ces topics avec photos ça prend du temps. Voici un autre site ou modifier les vidéos en mp3, car celui que j'avais indiqué à Nokomis est souvent saturé et tu as des files d'attente. Celui-ci va bien plus vite pour convertir la musique (uniquement vidéos youtube bien sûr):

    ICI

    Bises et bonne journée.

    11
    Dimanche 19 Janvier 2014 à 19:01

    Coucou Michel. Ca faisait un moment que je voulais venir mais par manque de temps, impossible... voilà, j'ai enfin pu lire ton article dont j'avais gardé le lien... merci beaucoup pour ces renseignements. Pour le convertisseur you tube, moi j'avais un logiciel gratuit mais, depuis quelques mois, il ne fonctionne plus à cause de la loi sur le piratage... Donc j'étais embêtée pour rapatrier les musiques de mes diaporamas. Remarque, je n'ai pas le temps d'en faire non plus... mais j'espère bien pouvoir, un jour ou l'autre, trouver un moment pour m'y remettre...

    Je passe de temps en temps voir tes articles mais je n'ai pas toujours le temps d'y laisser un commentaire... mais j'apprécie toujours ce que tu fais... Je te fais de gros bisous... à bientôt et encore merci pour cet article !!

    12
    Mercredi 5 Février 2014 à 11:07

    Merci Micro, je pense qu'un de ces 4 je vais faire.... Bravo Macrobidouileur.

    13
    Dimanche 16 Février 2014 à 17:41

    Super ! Je tiens vivement à te remercier, Michel, pour cette généreuse attention de partager avec tes amis blogueurs tes nombreuses explications claires, précises, imagées. Grâce à toi, j'ai pu modifier certains paramètres de mon blog avec succès ! Merci encore.

    Delphine

    14
    Samedi 5 Juillet 2014 à 06:26

    Oui voilà un article très intéressant mais pas facile à faire et je reviendrai 

    pour essayer , merci à vous . Bon week end , amicalement , 

    Christiane

    15
    Mardi 9 Décembre 2014 à 10:31

    Bonjour et un grand merci pour tes conseils  et astuces !!

    La Vendée te salue !

    16
    Dimanche 26 Juillet 2015 à 16:51

    une vraie caverne d'ali baba! bon dimanche

    soiz

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :