3 mai 2013
5
03
/05
/mai
/2013
10:00
Version de base, lecture non automatique ; cliquer donc pour écouter !
On m'a demandé comment installer du son ou de la musique sur son blog.
Je vais vous faire une réponse de normande : ça dépend !
Et oui, ça dépend de votre hébergeur de blog et des associations qu'il a faites ou pas avec des sites de musique.
1. La musique avec Over-blog
Pour Over-blog, c'est facile d'installer un lecteur avec Deezer et ça marche très bien. Je ne vais pas vous expliquer
comment tellement c'est simple : vous avez le bouton qui va bien dans la barre de menu au dessus de votre article en préparation.
2. La musique et/ou vos sons avec n'imperte quel hébergeur de blog
Sinon, voici une façon de faire indépendante de votre hébergeur, et qui permet, en plus, de faire écouter à vos visiteurs vos propres sons ou musiques.
3. Comment insérer votre musique ou votre son sur votre blog
Tout d'abord, il vous faut enregistrer votre son en format "son" : mp3, par exemple, sur un site d'archive.
Je vous ai déjà parlé d'Archive-host.
Je vous recommande de vous y inscrire (c'est gratuit) et d'enregistrer votre musique dans vos fichiers.
Une fois que c'est fait, ils vous fournissent directement le code à mettre sur votre blog, en mode avancé, bien sûr !
4. Les choix possibles pour mettre de la musique ou du son sur votre blog
Vous avez même le choix entre plusieurs lecteurs :
Je vous les montre :
* Celui en haut de mon article est le + simple, sans réglage de volume (ou peut juste le prendre en lecture auto ou non)
* Un autre ici, avec un autre son :
Lecteur MP3 avec curseur de volume
* Un dernier, toujours avec un autre son
Lecture non automatique, lecteur JW MP3 media playeur
Sinon, on peut avoir une version simplifiée du Drewplayer, en allant ici : Ajouter un son avec Drewplayer
Published by Aurelie
-
dans
Personnaliser son site
29 avril 2013
1
29
/04
/avril
/2013
10:09
Published by Aurelie
-
dans
Personnaliser son site
18 avril 2013
4
18
/04
/avril
/2013
10:50

Parfois, le webmaster d'un blog souhaite pouvoir être contacté autrement que via les commentaires déposés sur
son blog.
Par contre, il ne veut pas pour autant donner son adresse mail à ses visiteurs. Il va donc falloir créer un lien de "contact".
1. Récupérer l'adresse de votre page "contact"
Sur Overblog, vous trouvez votre page "contact" :
* Complètement en bas d'écran, juste à droite de "Créer un blog sur over-blog"
* Ou dans votre module "Présentation", que vous trouvez dans votre administration en choisissant Configuer > Mise en Page
> Module "Présentation"
En cliquant sur ce lien, vous arrivez sur votre formulaire de contact. Son adresse se trouve en haut de la fenêtre.
Pour moi, c'est :
http://ann.over-blog.com/blog-contact.php?ref=2012337
2. Mettre cette adresse en lien
2.1 Lier cette
adresse à une phrase
* Choisissez la phrase, taper la en mode normal, puis, passer en mode avancé
* Ajouter avant <a href="Adresse de votre page contact">Phrase
de contact</a>
et personnaliser avec votre adresse et votre phrase
2.2 Exemple de proposition de contact avec lien
<a href="http://ann.over-blog.com/blog-contact.php?ref=2012337">Un Clic ici pour me contacter</a>
donne :
Un Clic ici pour me contacter
2.3 Emplacement
Ce texte est à placer dans un module visible pour vos visiteurs, quelque soient les pages visitées.
Published by Aurelie
-
dans
Personnaliser son site
10 avril 2013
3
10
/04
/avril
/2013
09:44
J'ai eu beaucoup de commentaires sur mon article "Drapeaux animés traducteurs de pages" , alors je vous propose cette fois un autre gadget de traduction de page internet, à positionner sur votre
blog.
Ou trouver cet outil de traduction avec mini drapeaux ?
Ce gadget se trouve chez Google, et il offre différents aspects :
- Celui en haut de cet article : il présente les drapeaux de traduction sur
1 ligne
- Un autre qui lui ressemble, mais avec des drapeaux sur 2
lignes
- En bas d'article, le même gadget mais présenté en colonne, avec un fond
transparent ou blanc (au choix)
Traduction de vos articles pour vos visiteurs étrangers
Vos visiteurs n'auront qu'à cliquer sur le drapeau qui correspond à leur
pays pour obtenir une traduction de votre article.
Mettre cet outil traducteur sur votre blog
Comme d'habitude, il suffit de copier le code HTML fourni, et de le
coller sur votre blog (en édition avancé, bouton HTML).
Le mieux est de le placer dans un module qui apparait sur tous les articles : colonne de droite, de gauche ou
en-tête.
Un autre outil de traduction avec mini drapeaux :
Pour les blogs qui acceptent le javascript, il suffit de coller ce code :
<script
src="http://www.traducteurenligne.net/traducteurgr/flags.js"
language="JavaScript"></script>
et vous verrez apparaître cela :
A relire :
Venez inscrire votre blog sur ma Top Liste
html, c'est quoi ?
Astuce pour écrire en langage HTML / édition avancée
Published by Aurelie
-
dans
Personnaliser son site
28 mars 2013
4
28
/03
/mars
/2013
10:43
Suite à la demande de certains de mes lecteurs, j'ai ajouté un drapeau animé belge pour
la traduction de mes articles en néerlandais.
En cliquant sur ce petit drapeau, présent en haut de toutes mes page, vous obtenez donc la traduction (faite par Google
Translator) de mes articles en néerlandais.
Code HTML du drapeau belge gif animé
<img src="http://sd-1.archive-host.com/membres/up/42016049459753927/belgica.gif">
Code HTML complet du drapeau animé avec lien vers traducteur
français/néerlandais
<div style="text-align: center;"><a
onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cen&hl=fr&ie=UTF8'); return false;" rel="nofollow"
target="_blank"></a><a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cnl&hl=fr&ie=UTF8'); return
false;" rel="nofollow" target="_blank"><img height="31" width="47" src="http://sd-1.archive-host.com/membres/up/42016049459753927/belgica.gif" alt="nederlands" title="Vertaal deze pagina in
het Nederlands " style="cursor: hand;" /></a> </div>
Articles à relire
Mettre un drapeau animé traducteur de page WEB
Drapeaux traducteurs de page
Published by Aurelie
-
dans
Personnaliser son site
28 juillet 2012
6
28
/07
/juillet
/2012
06:38
Published by Aurelie
-
dans
Personnaliser son site
28 février 2012
2
28
/02
/février
/2012
10:48
Le principe de cet album est que vos visiteurs peuvent, s'ils le souhaitent, s'ajouter sur cet album en y
mettant leur nom (ou pseudo), leur photo, leur localisation géographique et un petit message.
C'est très sympa, ce gadget permet de mieux connaître ses visiteurs, d'où ils viennent, et de mettre un visage sur un nom.
Testez-le en cliquant sur le bouton "Sign this guestbook" et vous apparaîtrez sur mon livre !
Vous le trouvez chez Slide, et il s'appelle "Guestbook".
1. Comment créer son livre d'invités :
Vous créez votre Livre d'invités en notant votre nom, en téléchargeant une photo, et
en mettant une localisation et enfin un petit message.
Attention à vérifier qu'il "connaît" votre ville, sinon, il la remplace par San Francisco. j'ai eu ce problème, je me suis donc localisée dans la ville juste à côté...
Vous choisissez ensuite l'aspect de votre gadget :
* votre décors,
* vos effets,
* son thème,
* sa taille (3 possibles).
Vous récupérez le code fourni, que vous copiez en format HTML là où vous voulez mettre le gadget.
Published by Aurelie
-
dans
Personnaliser son site
17 janvier 2012
2
17
/01
/janvier
/2012
18:31
Allez sur le site http://www.bonial.fr/environnement/blog-neutre-en-carbone/je-veux-participer/
En participant à notre initiative Blog zéro Carbone vous pouvez nous aider à protéger l’environnement. Pour participer,
c’est très simple : voici comment faire, en trois étapes !
Un petit badge sur une page (le mieux étant dans la barre de navigation de gauche, pour
que le badge soit visible sur toutes les pages), et un petit article pour expliquer votre démarche, et voilà votre Blog zéro Carbone.
Envoyez ensuite un lien vers votre blog à blog-zerocarbone@bonial.fr et nous nous
chargerons, avec notre partenaire, de planter votre arbre. Celui-ci compensera tout au long de sa vie les émissions de CO2 dérivant de votre blog. C’est
simple !
Pour récapituler :
-
1. Un petit article sur la démarche + un badge
2. Un e-mail à blog-zerocarbone@bonial.fr
3. Nous nous chargeons de tout pour la plantation de votre arbre !
Attention : nous ne plantons qu’un arbre par domaine/site. Pour assurer le bon fonctionnement du badge, nous vous conseillons
de ne pas modifier le code HTML associé.
Rejoignez la communauté des blogs zéro carbone !
Code HTML d'un des badges "zéro carbone"
Published by Aurelie
-
dans
Personnaliser son site
8 septembre 2010
3
08
/09
/septembre
/2010
09:29
Published by Aurelie
-
dans
Personnaliser son site
10 juin 2010
4
10
/06
/juin
/2010
19:37
Published by Aurelie
-
dans
Personnaliser son site