Overblog Suivre ce blog
Administration Créer mon blog
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



 

  * 5 articles a lire pour demarrer votre blog
* Initiation au langage HTML
* Tout pour modifier et embellir vos textes
* Tout savoir sur les images 
* Des gadgets
* Votre blog ne ressemblera pas aux autres
* Mes astuces
* Référencements et indexations
* Index des articles


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
29 avril 2013 1 29 /04 /avril /2013 10:09

Tout pour vous aider sur votre blog | Faites également la promotion de votre Page

 

 


 

 

Votre badge Facebook

 

Voici mon badge facebook ! 

 

Un badge permet de vous identifier rapidement et de faire votre promotion sur votre site, dans vos mails, forums...

 

Sur votre profil facebook, tout en bas de la colonne de gauche, vous avez un lien appelé "créer un badge".

 

Je vous laisse découvrir les différents badges existants et leur personnalisation possible.

 

 

A relire

 

Savoir comment Google reference votre blog

Comment apparaître dans les moteurs de recherche

Mettre un bouton "AddThis" : vos articles sur les réseaux sociaux

 


 

  * 5 articles a lire pour demarrer votre blog
* Initiation au langage HTML
* Tout pour modifier et embellir vos textes
* Tout savoir sur les images 
* Des gadgets
* Votre blog ne ressemblera pas aux autres
* Mes astuces
* Référencements et indexations
* Index des articles


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
18 avril 2013 4 18 /04 /avril /2013 10:50


null

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"null

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.


 


 

                                      Rendez-vous sur Hellocoton !                                                   

 

Repost 0
10 avril 2013 3 10 /04 /avril /2013 09:44
Google-Translate-Chinese (Simplified) BETA Google-Translate-English to French Google-Translate-English to German Google-Translate-English to Italian Google-Translate-English to Japanese BETA Google-Translate-English to Korean BETA Google-Translate-English to Russian BETA Google-Translate-English to Spanish
Powered by
Grab this Widget

 

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

 


 

  * 5 articles a lire pour demarrer votre blog
* Initiation au langage HTML
* Tout pour modifier et embellir vos textes
* Tout savoir sur les images 
* Des gadgets
* Votre blog ne ressemblera pas aux autres
* Mes astuces
* Référencements et indexations
* Index des articles


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
28 mars 2013 4 28 /03 /mars /2013 10:43
nederlands

 


 

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)+'&amp;langpair=fr%7Cen&amp;hl=fr&amp;ie=UTF8'); return false;" rel="nofollow" target="_blank"></a><a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=fr%7Cnl&amp;hl=fr&amp;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

 

 

superstickies




 

  * 5 articles a lire pour demarrer votre blog
* Initiation au langage HTML
* Tout pour modifier et embellir vos textes
* Tout savoir sur les images 
* Des jeux
* Des gadgets
* Votre blog ne ressemblera pas aux autres
* Mes astuces
* Référencements et indexations
* Index des articles


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
28 juillet 2012 6 28 /07 /juillet /2012 06:38

     


        Comment mettre le gadget de présentation des jeux sur mobile des JO Londres 2012 sur son site

Copier le code suivant :

<iframe width="560" height="315" src="http://www.youtube.com/embed/kqIx76JcfMo?rel=0" frameborder="0" allowfullscreen></iframe>

 

    Les résultats des jeux olympiques 2012  

L'application des Résultats Officiels de Londres 2012 offre toutes les dernières infos, les derniers programmes et résultats, permettant aux utilisateurs de rester au courant des dernières actions en LIVE dans tous les sports olympiques (du 25 juillet au 12 août 2012) et paralympiques (du 29 août au 9 septembre 2012).

Les principales caractéristiques incluent les résultats, les mises à jour en direct, le calendrier du programme, les détails des sports, les tableaux des médailles et les profils des athlètes.

 

Autres articles sportifs

Jeux olympiques Londres 2012 - photos officielles  

  Les jeux olympiques sur votre mobile  

Toutes les informations sportives sur votre blog


A relire

Agrandir une photo au clic

Faire un lien avec une image

 

 


 

* 5 articles a lire pour demarrer votre blog
* Initiation au langage HTML
* Tout pour modifier et embellir vos textes
* Tout savoir sur les images
* Des gadgets
* Votre blog ne ressemblera pas aux autres
* Mes astuces
* Référencements et indexations
* Index des articles



  Rendez-vous sur Hellocoton !

 

Repost 0
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.

 




 

  * 5 articles a lire pour demarrer votre blog
* Initiation au langage HTML
* Tout pour modifier et embellir vos textes
* Tout savoir sur les images 
* Des gadgets
* Votre blog ne ressemblera pas aux autres
* Mes astuces
* Référencements et indexations
* Index des articles


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
17 janvier 2012 2 17 /01 /janvier /2012 18:31

Je compense le carbone de mon blog avec les Petits gestes écolos de bonial.fr


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 !

 

Je compense le carbone de mon blog avec les Petits gestes écolos de bonial.fr
Code HTML d'un des badges "zéro carbone"
 
<a href="http://www.bonial.fr/environnement/blog-neutre-en-carbone/je-veux-participer"> <img border="0" width="100" height="100" src="http://www.bonial.fr/environnement/blog-zero-carbone/badge-co2_blog_rose_100_blc.jpg" title="Mon blog compense ses émissions de co2. Et le tien?" alt="bonial – catalogues et promos – moins de déchets" /> </a>

 


 

* 5 articles a lire pour demarrer votre blog
* Initiation au langage HTML
* Tout pour modifier et embellir vos textes
* Tout savoir sur les images
* Des gadgets
* Votre blog ne ressemblera pas aux autres
* Mes astuces
* Référencements et indexations
* Index des articles



  Rendez-vous sur Hellocoton !

 

Repost 0
8 septembre 2010 3 08 /09 /septembre /2010 09:29

 


 

Je vous ai trouvé le calendrier de Miss Univers 2010

 

Code HTML à copier pour isntaller ce calendrier sur votre site :

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyODM3NjE3NTMxODcmcHQ9MTI4Mzc2MTc1ODA3OCZwPTIyMzA1MiZkPSZnPTEmbz*1Y2ZhYmQyOWFhMzY*NTlmOWQw/ODc3OWViNDkwZDAzZCZvZj*w.gif" /><embed allowScriptAccess="never" src="http://widgia.com/widgets/jimena_navarrete/jimena_navarrete.swf" quality="high" width="250" height="250"></embed><br /><a href="http://widgia.com" target="_blank">More calendar widgets at Widgia.com</a>

 

A lire aussi :

Mettre un calendrier animé sur son blog

Mettre une horloge sur votre blog

 

 

 


 

  * 5 articles a lire pour demarrer votre blog
* Initiation au langage HTML
* Tout pour modifier et embellir vos textes
* Tout savoir sur les images 
* Des gadgets
* Votre blog ne ressemblera pas aux autres
* Mes astuces
* Référencements et indexations
* Index des articles


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
10 juin 2010 4 10 /06 /juin /2010 19:37

 

Bon, je me mets au football aujourd'hui

et vous propose d'installer une horloge

à l'occasion de la coupe du monde de football 2010 en Afrique du Sud

 


 

 

Code HTML à recopier :

 

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNzYxNjIwMDU3ODEmcHQ9MTI3NjE2MjAxMDA*NiZwPTIyMzA1MiZkPSZnPTEmbz*wZDBlNTI4YTc2NDY*MzJhYWQx/NzQzNTljOTYwMzk1YSZvZj*w.gif" />

<embed allowScriptAccess="never" src="http://widgia.com/widgets/south_africa_2010_worldcup_clock/south_africa_2010_worldcup_clock.swf" quality="high" width="250" height="250"></embed><br /><a href="http://widgia.com/" target="_blank">Widget by Widgia</a>

 

 

Une autre horloge football :

 

Code html :

 <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNzYxNjI*NTQyMzQmcHQ9MTI3NjE2MjQ1Njc2NSZwPTIyMzA1MiZkPSZnPTEmbz*wZDBlNTI4YTc2NDY*MzJhYWQx/NzQzNTljOTYwMzk1YSZvZj*w.gif" /><embed allowScriptAccess="never" src="http://widgia.com/widgets/football_clock/football_clock.swf" quality="high" width="250" height="250"></embed><br /><a href="http://widgia.com/" target="_blank">Clock by Widgia.com</a>

 

A lire aussi :

Les widgets de la FIFA pour suivre la coupe du monde football 2010

 


 

  * 5 articles a lire pour demarrer votre blog
* Initiation au langage HTML
* Tout pour modifier et embellir vos textes
* Tout savoir sur les images 
* Des gadgets
* Votre blog ne ressemblera pas aux autres
* Mes astuces
* Référencements et indexations
* Index des articles


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0

Présentation

  • : Faire un blog
  • Faire un blog
  • : Ce blog vous aide à vous lancer pour faire votre blog : plateforme, mise en page, décoration, gadgets...
  • Contact

Vous Cherchez Quoi ?

Bienvenue !

 

PancarteSmiliz.pngCe blog a pour objet de vous aider à faire votre blog. C'est facile, et possible sans être informaticien !

J'ai 2 autres blogs très différents, et je souhaite mettre mon expérience à votre service. N'hésitez pas à me déposer vos commentaires et questioxxns. 
Si vous débutez, commencez par l' Index des articles , rubrique "Pour bien démarrer". 

 

Inscrivez votre site sur ma Top Liste et améliorez votre référencement.  

Mon logo sur votre site

Si j'ai contribué à l'amélioration de votre blog, merci d'y mettre mon logo :
Site Faire Un Blog

Code à coller :

<a href="http://faireunblog.over-blog.com/" target="_blank"><img height="65" width="85" src="http://sd-1.archive-host.com/membres/up/42016049459753927/PancarteSmiliz.png" alt="Site Faire Un Blog" /></a>

 

 

Date du jour

 

 

 

Géolocalisation

formation