<?xml version='1.0' encoding='UTF-8'?><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/" xmlns:blogger="http://schemas.google.com/blogger/2008" xmlns:georss="http://www.georss.org/georss" xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr="http://purl.org/syndication/thread/1.0" version="2.0"><channel><atom:id>tag:blogger.com,1999:blog-2993308440503478290</atom:id><lastBuildDate>Tue, 14 Apr 2026 18:21:39 +0000</lastBuildDate><category>astuces blogger</category><category>widget pour blogger</category><category>widgets</category><category>Augmentez votre trafic</category><category>feed</category><category>conseils blogger</category><category>images</category><category>infos</category><category>Seo</category><category>commentaires</category><category>modèle blogger</category><category>gagner de l&#39;argent avec votre blog</category><category>modèle bloger</category><category>modèle blogger à 3 colonnes</category><category>Articles sponsorisés</category><category>blogger</category><category>Liens</category><category>Navigation</category><category>Photos</category><category>rentabilisez votre blog</category><category>statistiques de votre blog</category><category>conseils</category><category>Bilans</category><category>Twitter</category><category>hors sujet</category><category>libellés</category><category>Newsletter</category><category>rss</category><category>Prix</category><category>Scripts</category><category>blogger templates</category><category>fais ma pub</category><category>jeux</category><category>Création d&#39;un modèle Blogger</category><category>backup du blog</category><category>blogger template à 3 colonnes</category><category>référencement</category><category>Site map</category><category>Titres</category><category>Tutorial</category><category>Téléphone</category><category>css</category><category>liste des voeux</category><category>menu</category><category>referencement</category><category>référencement naturel</category><category>Annonces</category><category>Favicon</category><category>Google Friendconnect</category><category>Guestpost</category><category>Vidéos</category><category>archives</category><category>bordures</category><category>design</category><category>musique</category><category>outils de traduction de votre blog</category><category>pdf</category><category>Abonnement</category><category>E-book gratuit</category><category>Facebook</category><category>Google+</category><category>Paramètres</category><category>Ping</category><category>Souhaits</category><category>Utilitaire</category><category>date</category><category>infos légales</category><category>mots-clés</category><category>page rank</category><category>smileys</category><category>Alexa</category><category>Bons Plans</category><category>Ecrire pour ce blog</category><category>Entête</category><category>Erreurs</category><category>FAQ</category><category>Flash</category><category>Google Buzz</category><category>Google adsense</category><category>Google sites</category><category>Google wave</category><category>Help</category><category>Interview</category><category>Les bases de Blogger</category><category>Logiciels</category><category>Mybloglog</category><category>Nom de domaine</category><category>Services</category><category>Soutenir ce blog</category><category>Table des matières</category><category>Tableau</category><category>Widebar</category><category>adsense</category><category>automation office</category><category>b</category><category>breadcrumb</category><category>calendrier</category><category>changements groupés</category><category>colère</category><category>e-mail</category><category>emoticônes</category><category>excuses</category><category>gmail</category><category>google map</category><category>humour</category><category>pause</category><category>thèmes pour blogger</category><category>word</category><category>éditer des fichiers</category><category>édition automatique</category><title>Au Bout Du Doigt</title><description>Actualités, gadgets, tendances digitales et conseils pour booster vos projets numériques</description><link>http://blogger-au-bout-du-doigt.blogspot.com/</link><managingEditor>noreply@blogger.com (Rodney)</managingEditor><generator>Blogger</generator><openSearch:totalResults>565</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2993308440503478290.post-144318745846175978</guid><pubDate>Fri, 20 Mar 2026 17:12:00 +0000</pubDate><atom:updated>2026-03-22T18:06:31.237+01:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">automation office</category><category domain="http://www.blogger.com/atom/ns#">Bons Plans</category><category domain="http://www.blogger.com/atom/ns#">changements groupés</category><category domain="http://www.blogger.com/atom/ns#">Logiciels</category><category domain="http://www.blogger.com/atom/ns#">éditer des fichiers</category><category domain="http://www.blogger.com/atom/ns#">édition automatique</category><title>Comment modifier plusieurs documents à la fois : Guide complet 2026</title><description>&lt;section id=&quot;introduction&quot;&gt;
  &lt;section id=&quot;introduction&quot;&gt;&lt;p&gt;Êtes-vous fatigué d’ouvrir, modifier puis enregistrer des dizaines de documents Word un par un ? Que vous mettiez à jour des politiques internes, standardisiez des rapports ou fassiez des modifications répétitives, l’édition manuelle est lente, frustrante et sujette aux erreurs.&lt;/p&gt;&lt;p&gt;Dans ce guide complet, vous apprendrez comment modifier plusieurs documents simultanément, en économisant des heures de travail tout en garantissant une cohérence parfaite.&lt;/p&gt;&lt;/section&gt;&lt;hr /&gt;&lt;section id=&quot;pourquoi&quot;&gt;&lt;h2&gt;Pourquoi modifier plusieurs documents à la fois ?&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;50 documents × 3 minutes = 2,5 heures perdues&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Sur une année, cela représente facilement&amp;nbsp;&lt;strong&gt;20 à 40 heures de travail inutile&lt;/strong&gt;.&lt;/p&gt;&lt;h3&gt;Le vrai problème&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;❌ Erreurs humaines fréquentes&lt;/li&gt;&lt;li&gt;❌ Incohérences entre documents&lt;/li&gt;&lt;li&gt;❌ Temps énorme perdu&lt;/li&gt;&lt;li&gt;❌ Impossible à scaler&lt;/li&gt;&lt;/ul&gt;&lt;/section&gt;&lt;hr /&gt;&lt;section id=&quot;cas&quot;&gt;&lt;h2&gt;Cas d’utilisation courants&lt;/h2&gt;&lt;ul&gt;&lt;li&gt;&lt;strong&gt;Juridique :&lt;/strong&gt;&amp;nbsp;mise à jour de contrats en masse&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Rebranding :&lt;/strong&gt;&amp;nbsp;changement de logo, nom, adresse&lt;/li&gt;&lt;li&gt;&lt;strong&gt;RH :&lt;/strong&gt;&amp;nbsp;mise à jour de politiques internes&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Marketing :&lt;/strong&gt;&amp;nbsp;modification de contenus et offres&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Éducation :&lt;/strong&gt;&amp;nbsp;correction et standardisation de documents&lt;/li&gt;&lt;/ul&gt;&lt;/section&gt;&lt;hr /&gt;&lt;section id=&quot;automatisation&quot;&gt;&lt;h2&gt;Méthode recommandée : automatisation&lt;/h2&gt;&lt;p&gt;Les outils modernes comme&amp;nbsp;&lt;a href=&quot;https://www.bulkdoceditor.com/&quot; target=&quot;_blank&quot;&gt;BulkDocEditor&lt;/a&gt;&amp;nbsp;permettent de traiter des centaines de documents en quelques secondes.&lt;/p&gt;&lt;ul&gt;&lt;li&gt;✅ Aucune installation&lt;/li&gt;&lt;li&gt;✅ Fonctionne sur Windows, Mac, Linux&lt;/li&gt;&lt;li&gt;✅ 100 % privé (traitement local)&lt;/li&gt;&lt;li&gt;✅ Ultra rapide&lt;/li&gt;&lt;/ul&gt;&lt;/section&gt;&lt;hr /&gt;&lt;section id=&quot;features&quot;&gt;&lt;h2&gt;🚀 Fonctionnalités avancées de BulkDocEditor Pro&lt;/h2&gt;&lt;h3&gt;🔁 Recherche &amp;amp; Remplacement avancé&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;Remplacement multiple (plusieurs paires en une fois)&lt;/li&gt;&lt;li&gt;Recherche dans commentaires, notes, liens&lt;/li&gt;&lt;li&gt;Regex, wildcards, correspondance exacte&lt;/li&gt;&lt;li&gt;Remplacement + formatage simultané&lt;/li&gt;&lt;/ul&gt;&lt;h3&gt;🗂️ Gestion des fichiers&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;Traitement des sous-dossiers (récursif)&lt;/li&gt;&lt;li&gt;Support Word, Excel et PowerPoint (.docx, .xlsx, .pptx)&lt;/li&gt;&lt;li&gt;Traitement multi-thread (ultra rapide)&lt;/li&gt;&lt;li&gt;Renommage massif de fichiers&lt;/li&gt;&lt;/ul&gt;&lt;h3&gt;🖼️ Gestion des images&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;Remplacement d’images en masse (logos, visuels)&lt;/li&gt;&lt;li&gt;Compression et optimisation&lt;/li&gt;&lt;li&gt;Suppression des images&lt;/li&gt;&lt;/ul&gt;&lt;h3&gt;✍️ Mise en forme &amp;amp; styles&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;Gestion des styles (H1–H6)&lt;/li&gt;&lt;li&gt;Standardisation des polices&lt;/li&gt;&lt;li&gt;Gestion en-têtes / pieds de page&lt;/li&gt;&lt;li&gt;Correction des espaces et formats&lt;/li&gt;&lt;li&gt;Conversion de casse (MAJ, min, etc.)&lt;/li&gt;&lt;/ul&gt;&lt;h3&gt;📄 Structure du document&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;Génération automatique de table des matières&lt;/li&gt;&lt;li&gt;Numérotation des pages&lt;/li&gt;&lt;li&gt;Fusion de documents&lt;/li&gt;&lt;/ul&gt;&lt;h3&gt;⚙️ Automatisation avancée&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;Gestion du suivi des modifications&lt;/li&gt;&lt;li&gt;Suppression de tous les commentaires&lt;/li&gt;&lt;li&gt;Gestion des hyperliens&lt;/li&gt;&lt;li&gt;Suppression des surlignages&lt;/li&gt;&lt;/ul&gt;&lt;h3&gt;📊 Métadonnées &amp;amp; statistiques&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;Modification des propriétés (auteur, titre…)&lt;/li&gt;&lt;li&gt;Statistiques complètes (mots, caractères, temps de lecture)&lt;/li&gt;&lt;/ul&gt;&lt;h3&gt;🌍 Support avancé des langues&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;Support RTL (arabe, hébreu)&lt;/li&gt;&lt;li&gt;Support CJK (chinois, japonais, coréen)&lt;/li&gt;&lt;/ul&gt;&lt;/section&gt;&lt;/section&gt;&lt;section id=&quot;automatisation&quot;&gt;&lt;ul&gt;
  &lt;/ul&gt;
&lt;/section&gt;

&lt;div style=&quot;background: linear-gradient(135deg, rgb(26, 26, 46), rgb(22, 33, 62)); border-radius: 12px; color: white; margin: 32px 0px; padding: 28px 32px; text-align: center;&quot;&gt;
  &lt;p style=&quot;font-size: 1.05rem; margin: 0px 0px 8px;&quot;&gt;🔥 &lt;strong&gt;Offre de lancement limitée&lt;/strong&gt;&lt;/p&gt;
  &lt;p style=&quot;color: white; font-size: 2rem; font-weight: 800; margin: 0px 0px 4px;&quot;&gt;19,99 $&amp;nbsp;&lt;span style=&quot;font-size: 1rem; font-weight: 400; opacity: 0.5; text-decoration: line-through;&quot;&gt;49,99 $&lt;/span&gt;&lt;/p&gt;
  &lt;p style=&quot;font-size: 0.95rem; margin: 0px 0px 16px; opacity: 0.85;&quot;&gt;60 % de réduction — valable jusqu&#39;au &lt;strong&gt;16 avril 2026&lt;/strong&gt;&lt;/p&gt;
  &lt;p style=&quot;margin: 0px 0px 18px;&quot;&gt;Code promo : &lt;strong style=&quot;background: rgba(255, 255, 255, 0.15); border-radius: 6px; font-size: 1rem; letter-spacing: 0.05em; padding: 4px 14px;&quot;&gt;BULKDOCEDITORLAUNCH&lt;/strong&gt;&lt;/p&gt;
  &lt;a href=&quot;https://sankinka.gumroad.com/l/bulkdoceditor&quot; rel=&quot;noopener&quot; style=&quot;background: rgb(255, 92, 26); border-radius: 8px; color: white; display: inline-block; font-size: 1rem; font-weight: 700; padding: 13px 32px; text-decoration: none;&quot; target=&quot;_blank&quot;&gt;Obtenir BulkDocEditor Pro →&lt;/a&gt;
  &lt;p style=&quot;font-size: 0.8rem; margin: 12px 0px 0px; opacity: 0.55;&quot;&gt;Paiement unique · Accès à vie · Garantie 14 jours&lt;/p&gt;
&lt;/div&gt;

&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizthOnMH2A2NuuarKkHcdhVzzO_z76fgEnds9Mnx-LgxKShyphenhyphen4DFVc-lQNtJPoYZIKQx2bZlN912MQeJ12qz3oYSW_8xtE_0sAvTIVjF7KgmAq3Kou8dbcNsPDCX8YQruKJCRoKUMUtNbthjDAaXyIcTRL8m-LqesqjiMGV4Wd3iS7cpKfg1OJPwYlLRTuX/s2880/bulkdoceditor-pro-modifier-plusieurs-fichiers-word-a-la-fois.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;1548&quot; data-original-width=&quot;2880&quot; height=&quot;344&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizthOnMH2A2NuuarKkHcdhVzzO_z76fgEnds9Mnx-LgxKShyphenhyphen4DFVc-lQNtJPoYZIKQx2bZlN912MQeJ12qz3oYSW_8xtE_0sAvTIVjF7KgmAq3Kou8dbcNsPDCX8YQruKJCRoKUMUtNbthjDAaXyIcTRL8m-LqesqjiMGV4Wd3iS7cpKfg1OJPwYlLRTuX/w640-h344/bulkdoceditor-pro-modifier-plusieurs-fichiers-word-a-la-fois.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;

&lt;hr /&gt;

&lt;section id=&quot;fonctionnalites&quot;&gt;
  &lt;h2&gt;Comment modifier plusieurs documents (étapes)&lt;/h2&gt;&lt;h2&gt;&lt;section id=&quot;tutoriel&quot; style=&quot;font-size: medium; font-weight: 400;&quot;&gt;&lt;ol&gt;&lt;li&gt;Ouvrir BulkDocEditor&lt;/li&gt;&lt;li&gt;Sélectionner un dossier&lt;/li&gt;&lt;li&gt;Choisir les fichiers&lt;/li&gt;&lt;li&gt;Configurer l’opération&lt;/li&gt;&lt;li&gt;Lancer le traitement&lt;/li&gt;&lt;li&gt;Vérifier le résultat&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;&lt;strong&gt;Temps total : moins de 1 minute&lt;/strong&gt;&lt;/p&gt;&lt;/section&gt;&lt;hr style=&quot;font-size: medium; font-weight: 400;&quot; /&gt;&lt;/h2&gt;&lt;h2&gt;📊 Gain de temps réel&lt;/h2&gt;&lt;h2&gt;&lt;section id=&quot;gain&quot; style=&quot;font-size: medium; font-weight: 400;&quot;&gt;&lt;table&gt;&lt;tbody&gt;&lt;tr&gt;&lt;th&gt;Documents&lt;/th&gt;&lt;th&gt;Manuel&lt;/th&gt;&lt;th&gt;Automatique&lt;/th&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;50&lt;/td&gt;&lt;td&gt;2,5h&lt;/td&gt;&lt;td&gt;45 sec&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;100&lt;/td&gt;&lt;td&gt;5h&lt;/td&gt;&lt;td&gt;1 min&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;500&lt;/td&gt;&lt;td&gt;25h&lt;/td&gt;&lt;td&gt;3 min&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;Jusqu’à 98 % de temps économisé&lt;/strong&gt;&lt;/p&gt;&lt;/section&gt;&lt;/h2&gt;&lt;/section&gt;&lt;section id=&quot;calculateur&quot;&gt;
&lt;/section&gt;

&lt;hr /&gt;

&lt;section id=&quot;free-vs-pro&quot;&gt;
  &lt;h2&gt;Free vs. Pro : lequel choisir ?&lt;/h2&gt;

  &lt;h3&gt;BulkDocEditor Free (Toujours gratuit)&lt;/h3&gt;
  &lt;ul&gt;
    &lt;li&gt;✅ Statistiques de documents&lt;/li&gt;
    &lt;li&gt;✅ Recherche &amp;amp; remplacement de base&lt;/li&gt;
    &lt;li&gt;✅ Suppression de commentaires&lt;/li&gt;
    &lt;li&gt;✅ Gestion des hyperliens&lt;/li&gt;
    &lt;li&gt;✅ Documents illimités&lt;/li&gt;
    &lt;li&gt;✅ 100 % local et privé&lt;/li&gt;
  &lt;/ul&gt;

  &lt;h3&gt;BulkDocEditor Pro — &lt;span style=&quot;color: #e65c00;&quot;&gt;19,99 $ jusqu&#39;au 16 avril 2026&lt;/span&gt;&lt;/h3&gt;
  &lt;p&gt;🔥 &lt;strong&gt;Offre de lancement :&lt;/strong&gt; utilisez le code promo &lt;strong&gt;&lt;code&gt;BULKDOCEDITORLAUNCH&lt;/code&gt;&lt;/strong&gt; pour bénéficier de &lt;strong&gt;60 % de réduction&lt;/strong&gt; (prix régulier : 49,99 $). Paiement unique, accès à vie.&lt;/p&gt;
  &lt;p&gt;Débloque plus de 25 fonctionnalités professionnelles supplémentaires :&lt;/p&gt;
  &lt;ul&gt;
    &lt;li&gt;✅ Paires de remplacement en lot&lt;/li&gt;
    &lt;li&gt;✅ Remplacement dans les notes de bas de page, notes de fin et commentaires&lt;/li&gt;
    &lt;li&gt;✅ Recherche avancée (regex, caractères génériques, mot entier)&lt;/li&gt;
    &lt;li&gt;✅ Traitement récursif des sous-dossiers&lt;/li&gt;
    &lt;li&gt;✅ Support Word, Excel et PowerPoint&lt;/li&gt;
    &lt;li&gt;✅ Remplacement d&#39;images en lot&lt;/li&gt;
    &lt;li&gt;✅ Traitement multi-thread (4× plus rapide sur les gros lots)&lt;/li&gt;
    &lt;li&gt;✅ Support RTL (arabe, hébreu) et CJK (chinois, japonais, coréen)&lt;/li&gt;
    &lt;li&gt;✅ Gestion des styles et polices&lt;/li&gt;
    &lt;li&gt;✅ En-têtes et pieds de page (ajout, suppression, copie depuis un maître)&lt;/li&gt;
    &lt;li&gt;✅ Fusion de documents&lt;/li&gt;
    &lt;li&gt;✅ Génération de table des matières&lt;/li&gt;
    &lt;li&gt;✅ Numérotation des pages&lt;/li&gt;
    &lt;li&gt;✅ Gestion des modifications suivies&lt;/li&gt;
    &lt;li&gt;✅ Remplacement avec mise en forme&lt;/li&gt;
    &lt;li&gt;✅ Convertisseur de casse&lt;/li&gt;
    &lt;li&gt;✅ Renommage de fichiers en lot&lt;/li&gt;
    &lt;li&gt;✅ Modification des métadonnées&lt;/li&gt;
    &lt;li&gt;✅ Redimensionnement et compression d&#39;images&lt;/li&gt;
    &lt;li&gt;✅ Support prioritaire&lt;/li&gt;
    &lt;li&gt;✅ Toutes les futures mises à jour incluses&lt;/li&gt;
  &lt;/ul&gt;
&lt;/section&gt;

&lt;hr /&gt;

&lt;section id=&quot;faq&quot;&gt;
  &lt;h2&gt;Foire aux questions (FAQ)&lt;/h2&gt;

  &lt;h3&gt;Est-ce sûr d&#39;éditer plusieurs documents à la fois ?&lt;/h3&gt;
  &lt;p&gt;Oui. BulkDocEditor traite les fichiers entièrement localement dans votre navigateur. Vos documents ne quittent jamais votre ordinateur. Néanmoins, faites toujours une sauvegarde avant toute opération en lot.&lt;/p&gt;

  &lt;h3&gt;Peut-on annuler les changements ?&lt;/h3&gt;
  &lt;p&gt;Oui, on peut restaurer les fichiers à partir du Backup si on avait choisi de sauvegarder la version originale avant une opération. La meilleure pratique est quand même de travailler sur une copie.&amp;nbsp;&lt;/p&gt;

  &lt;h3&gt;Quels formats sont pris en charge ?&lt;/h3&gt;
  &lt;p&gt;BulkDocEditor Pro prend en charge les fichiers Word (.docx), Excel (.xlsx) et PowerPoint (.pptx) dans un seul flux de travail. Pour les fichiers .doc (ancien format), convertissez-les en .docx via « Enregistrer sous » dans Word.&lt;/p&gt;

  &lt;h3&gt;Peut-il traiter des dossiers avec sous-dossiers ?&lt;/h3&gt;
  &lt;p&gt;Oui. La fonctionnalité de traitement récursif des sous-dossiers analyse automatiquement toute l&#39;arborescence de votre dossier racine et préserve la structure d&#39;origine dans les fichiers de sortie.&lt;/p&gt;

  &lt;h3&gt;Combien de documents puis-je traiter à la fois ?&lt;/h3&gt;
  &lt;p&gt;Il n&#39;y a pas de limite stricte. Grâce au traitement multi-thread, BulkDocEditor Pro peut gérer des centaines de fichiers en quelques minutes. Pour de meilleures performances, traitez jusqu&#39;à 500 fichiers par lot.&lt;/p&gt;

  &lt;h3&gt;Le formatage est-il préservé ?&lt;/h3&gt;
  &lt;p&gt;Oui : mise en forme, images, tableaux, en-têtes, pieds de page et structure générale sont entièrement conservés.&lt;/p&gt;

  &lt;h3&gt;Microsoft Word est-il requis ?&lt;/h3&gt;
  &lt;p&gt;Non. BulkDocEditor fonctionne entièrement dans votre navigateur sur Windows, Mac et Linux. Aucune licence Office requise.&lt;/p&gt;

  &lt;h3&gt;Fonctionne-t-il sur Mac et Linux ?&lt;/h3&gt;
  &lt;p&gt;Oui. Compatible avec Chrome, Edge, Firefox et Safari sur tous les systèmes d&#39;exploitation.&lt;/p&gt;

  &lt;h3&gt;Mes données sont-elles privées ?&lt;/h3&gt;
  &lt;p&gt;Oui, à 100 %. Tout le traitement est local. Aucun fichier n&#39;est envoyé sur un serveur.&lt;/p&gt;

  &lt;h3&gt;Le remplacement fonctionne-t-il aussi dans les notes de bas de page et les commentaires ?&lt;/h3&gt;
  &lt;p&gt;Oui. La fonctionnalité de remplacement ciblé par zone (Pro) étend les remplacements aux notes de bas de page, notes de fin, commentaires et URL des hyperliens — pas uniquement au corps principal du document.&lt;/p&gt;
&lt;/section&gt;

&lt;hr /&gt;

&lt;section id=&quot;conclusion&quot;&gt;
  &lt;h2&gt;Conclusion&lt;/h2&gt;
  &lt;p&gt;Modifier plusieurs documents Word, Excel ou PowerPoint n&#39;est plus une tâche longue et répétitive. Avec BulkDocEditor Pro, vous bénéficiez d&#39;une suite complète de plus de 25 fonctionnalités professionnelles pour :&lt;/p&gt;
  &lt;ul&gt;
    &lt;li&gt;✔ Économiser plus de 95 % du temps sur les tâches répétitives&lt;/li&gt;
    &lt;li&gt;✔ Éliminer les erreurs humaines&lt;/li&gt;
    &lt;li&gt;✔ Gérer de 10 à 1000+ documents en quelques secondes&lt;/li&gt;
    &lt;li&gt;✔ Traiter des bibliothèques entières avec sous-dossiers imbriqués&lt;/li&gt;
    &lt;li&gt;✔ Remplacer des images, gérer des styles, fusionner des fichiers et bien plus&lt;/li&gt;
    &lt;li&gt;✔ Travailler en toute confidentialité — vos fichiers restent sur votre ordinateur&lt;/li&gt;
  &lt;/ul&gt;

  &lt;p&gt;&lt;strong&gt;Prêt à transformer votre flux de travail ?&lt;/strong&gt;&lt;/p&gt;
  &lt;p&gt;Commencez par la version gratuite pour découvrir l&#39;outil, ou profitez de l&#39;&lt;strong&gt;offre de lancement à 19,99 $&lt;/strong&gt; (au lieu de 49,99 $) avec le code promo &lt;strong&gt;&lt;code&gt;BULKDOCEDITORLAUNCH&lt;/code&gt;&lt;/strong&gt; — valable jusqu&#39;au &lt;strong&gt;16 avril 2026&lt;/strong&gt;.&lt;/p&gt;
  &lt;p style=&quot;margin-top: 20px; text-align: center;&quot;&gt;&lt;a href=&quot;https://sankinka.gumroad.com/l/bulkdoceditor&quot; rel=&quot;noopener&quot; style=&quot;background: rgb(255, 92, 26); border-radius: 8px; color: white; display: inline-block; font-size: 1rem; font-weight: 700; padding: 13px 32px; text-decoration: none;&quot; target=&quot;_blank&quot;&gt;Obtenir BulkDocEditor Pro — 19,99 $ →&lt;/a&gt;&lt;/p&gt;
&lt;/section&gt;

&lt;footer&gt;
  &lt;p&gt;À propos : &lt;a href=&quot;https://www.bulkdoceditor.com/&quot; rel=&quot;noopener&quot; target=&quot;_blank&quot;&gt;BulkDocEditor&lt;/a&gt; — Outil navigateur pour le traitement en masse de documents Word, Excel et PowerPoint.&lt;/p&gt;
  &lt;p&gt;&lt;em&gt;Questions ? &lt;a href=&quot;mailto:support@bulkdoceditor.com&quot;&gt;Contactez le support&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;
&lt;/footer&gt;</description><link>http://blogger-au-bout-du-doigt.blogspot.com/2025/11/comment-modifier-plusieurs-documents-word-a-la-fois.html</link><author>noreply@blogger.com (Rodney)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizthOnMH2A2NuuarKkHcdhVzzO_z76fgEnds9Mnx-LgxKShyphenhyphen4DFVc-lQNtJPoYZIKQx2bZlN912MQeJ12qz3oYSW_8xtE_0sAvTIVjF7KgmAq3Kou8dbcNsPDCX8YQruKJCRoKUMUtNbthjDAaXyIcTRL8m-LqesqjiMGV4Wd3iS7cpKfg1OJPwYlLRTuX/s72-w640-h344-c/bulkdoceditor-pro-modifier-plusieurs-fichiers-word-a-la-fois.png" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2993308440503478290.post-1128178792592374349</guid><pubDate>Tue, 29 Jan 2013 03:37:00 +0000</pubDate><atom:updated>2014-02-01T04:44:38.914+01:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">widget pour blogger</category><category domain="http://www.blogger.com/atom/ns#">widgets</category><title>Gadget articles au hasard avec vignettes</title><description>&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Quand on a un blog avec une centaine d’articles ou plus, il est clair que nombreux sont ceux qui ont tendance à passer sous les radars des visiteurs venus explorer votre blog. Grâce au code de &lt;a href=&quot;http://blog.duypham.info/2011/10/random-posts-for-blogger-high-speed.html&quot;&gt;Duy Pham&lt;/a&gt; que je vais vous proposer ici, vous aurez la possibilité d’&lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2013/01/gadget-articles-hasard-aleatoire-blogger.html&quot;&gt;afficher sur votre blog une liste d’articles au hasard&lt;/a&gt;, histoire de faire remonter à la surface la partie cachée de l’iceberg.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEink38aDh6OexNswYOjZ1nbbpx_8cqVd4g8x2zen1OonBh4NlTA7id_JNnGjcYqyldqFhIsSpp2Jgknj2ogAniJDxChYvDrIHrDNynBCm7CozneMC45CWzjWWwbJNFAZTm-aPmnDnDq9zzh/s1600/gadget-articles-au-hasard-al%C3%A9atoire.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Gadget articles au hasard avec images miniatures pour Blogger - blogspot&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEink38aDh6OexNswYOjZ1nbbpx_8cqVd4g8x2zen1OonBh4NlTA7id_JNnGjcYqyldqFhIsSpp2Jgknj2ogAniJDxChYvDrIHrDNynBCm7CozneMC45CWzjWWwbJNFAZTm-aPmnDnDq9zzh/s1600/gadget-articles-au-hasard-al%C3%A9atoire.png&quot; title=&quot;Gadget articles au hasard avec images miniatures pour Blogger - blogspot&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Voici ce qu’il faut faire pour avoir sur votre blog le gadget qui affiche des articles de façon aléatoire :&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
1. Se connecter à Blogger. Aller sur “Modèle”, puis sur “Modifier le code HTML”&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
2. Trouver la balise ]]&amp;gt;&amp;lt;/b:skin&amp;gt; et ajouter la ligne suivante juste avant :&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:3px}&lt;br /&gt;
&lt;br /&gt;
Enregistrer le modèle.&lt;br /&gt;
&lt;br /&gt;
3. Aller sur “Mise en page” et ajouter un gadget HTML/Javascript et y insérer ce code&lt;br /&gt;
&lt;br /&gt;
&amp;lt;ul id=&#39;random-posts&#39;&amp;gt;&lt;br /&gt;
&amp;lt;script type=&#39;text/javaScript&#39;&amp;gt;&lt;br /&gt;
var rdp_numposts=&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;5&lt;/span&gt;&lt;/b&gt;;&lt;br /&gt;
var rdp_snippet_length=&lt;span style=&quot;color: red;&quot;&gt;&lt;b&gt;150&lt;/b&gt;&lt;/span&gt;;&lt;br /&gt;
var rdp_info=&#39;&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;yes&lt;/span&gt;&lt;/b&gt;&#39;;&lt;br /&gt;
var rdp_comment=&#39;&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;Commentaires&lt;/span&gt;&lt;/b&gt;&#39;;&lt;br /&gt;
var rdp_disable=&#39;&lt;span style=&quot;color: red;&quot;&gt;&lt;b&gt;Commentaires fermés&lt;/b&gt;&lt;/span&gt;&#39;;&lt;br /&gt;
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write(&#39;&amp;lt;script type=\&quot;text/javascript\&quot; src=\&quot;/feeds/posts/default?alt=json-in-script&amp;amp;max-results=0&amp;amp;callback=totalposts\&quot;&amp;gt;&amp;lt;\/script&amp;gt;&#39;);function getvalue(){for(var i=0;i&amp;lt;rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j&amp;lt;rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;br /&gt;
&amp;lt;script type=&#39;text/javaScript&#39;&amp;gt;&lt;br /&gt;
function random_posts(json){a=location.href;y=a.indexOf(&#39;?m=0&#39;);for(var i=0;i&amp;lt;rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if(&#39;content&#39;in entry){var rdp_get_snippet=entry.content.$t}else{if(&#39;summary&#39;in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet=&quot;&quot;;}};rdp_get_snippet=rdp_get_snippet.replace(/&amp;lt;[^&amp;gt;]*&amp;gt;/g,&quot;&quot;);if(rdp_get_snippet.length&amp;lt;rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(&quot; &quot;);rdp_snippet=rdp_get_snippet.substring(0,space)+&quot;&amp;amp;#133;&quot;;};for(var j=0;j&amp;lt;entry.link.length;j++){if(&#39;thr$total&#39;in entry){var rdp_commentsNum=entry.thr$total.$t+&#39; &#39;+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel==&#39;alternate&#39;){var rdp_posturl=entry.link[j].href;if(y!=-1){rdp_posturl=rdp_posturl+&#39;?m=0&#39;}var rdp_postdate=entry.published.$t;if(&#39;media$thumbnail&#39;in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHik6PhNo0-fpRKXVBe43swXwv9PhTutbdi-QUkcYkoPzCjTAK6UValfomtrZxn8RC0oUOr_3Dk-28JSqPugFsyBX_lmaP1CyI2zPXIfJ6Ovlnx9AOoUf0inpl1MjgwQDRnTG_pKu5EKUV/&quot;}}};document.write(&#39;&amp;lt;li&amp;gt;&#39;);document.write(&#39;&amp;lt;img alt=&quot;&#39;+rdp_posttitle+&#39;&quot; src=&quot;&#39;+rdp_thumb+&#39;&quot;/&amp;gt;&#39;);document.write(&#39;&amp;lt;div&amp;gt;&amp;lt;a href=&quot;&#39;+rdp_posturl+&#39;&quot; rel=&quot;nofollow&quot; title=&quot;&#39;+rdp_snippet+&#39;&quot;&amp;gt;&#39;+rdp_posttitle+&#39;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&#39;);if(rdp_info==&#39;yes&#39;){document.write(&#39;&amp;lt;span&amp;gt;&#39;+rdp_postdate.substring(8,10)+&#39;/&#39;+rdp_postdate.substring(5,7)+&#39;/&#39;+rdp_postdate.substring(0,4)+&#39; - &#39;+rdp_commentsNum)+&#39;&amp;lt;/span&amp;gt;&#39;}document.write(&#39;&amp;lt;div style=&quot;clear:both&quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/li&amp;gt;&#39;)}};getvalue();for(var i=0;i&amp;lt;rdp_numposts;i++){document.write(&#39;&amp;lt;script type=\&quot;text/javascript\&quot; src=\&quot;/feeds/posts/default?alt=json-in-script&amp;amp;start-index=&#39;+rdp_current[i]+&#39;&amp;amp;max-results=1&amp;amp;callback=random_posts\&quot;&amp;gt;&amp;lt;\/script&amp;gt;&#39;)};&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Dans le code ci-haut, le 5 fait référence au nombre d’articles à afficher et le 150 au nomnbre des caractères du résumé. Vous pouvez changer ces valeurs. Laisser le &quot;yes&quot; si vous voulez afficher la date de publication de l&#39;article et le nombre des commentaires. Au cas contraire, mettez &quot;no&quot; à la place du &quot;yes&quot;.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Bon, maintenant vous savez quoi faire si vous voulez &lt;b&gt;afficher de façon aléatoire une liste d&#39;articles sur votre blog hébergé par Blogger&lt;/b&gt;.&lt;/div&gt;
</description><link>http://blogger-au-bout-du-doigt.blogspot.com/2013/01/gadget-articles-hasard-aleatoire-blogger.html</link><author>noreply@blogger.com (Rodney)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEink38aDh6OexNswYOjZ1nbbpx_8cqVd4g8x2zen1OonBh4NlTA7id_JNnGjcYqyldqFhIsSpp2Jgknj2ogAniJDxChYvDrIHrDNynBCm7CozneMC45CWzjWWwbJNFAZTm-aPmnDnDq9zzh/s72-c/gadget-articles-au-hasard-al%C3%A9atoire.png" height="72" width="72"/><thr:total>22</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2993308440503478290.post-4929407584412456454</guid><pubDate>Tue, 29 Jan 2013 01:48:00 +0000</pubDate><atom:updated>2013-01-29T02:48:53.921+01:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">astuces blogger</category><category domain="http://www.blogger.com/atom/ns#">images</category><category domain="http://www.blogger.com/atom/ns#">Photos</category><title>Optimiser le chargement des pages avec images sur Blogger</title><description>&lt;span style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px; text-align: justify;&quot;&gt;Vous avez un blog avec beaucoup d&#39;images ? Le chargement des pages est lent et vous cherchez comment remédier à ce problème ? Voici pour vous un moyen d’&lt;/span&gt;&lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2013/01/optimiser-chargement-pages-images-photos-blogger_29.html&quot;&gt;optimiser le chargement des images de votre blog&lt;/a&gt;&lt;span style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px; text-align: justify;&quot;&gt;&amp;nbsp;afin de le rendre plus rapide et plus léger.&lt;/span&gt;&lt;br /&gt;
&lt;div style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; clear: both; font-family: arial, sans-serif; font-size: 13px; text-align: center;&quot;&gt;
&lt;a href=&quot;http://www.google.com/url?q=http%3A%2F%2F1.bp.blogspot.com%2F-HxF-Cz6sDRI%2FUQXjpVVPpHI%2FAAAAAAAAFOA%2FGN10fcfop0A%2Fs1600%2Foptimiser-chargment-pages-avec-images-photos-blogger.png&amp;amp;sa=D&amp;amp;sntz=1&amp;amp;usg=AFQjCNHbUDEpK4TolQtgRo2bcjK-8BcZXg&quot; style=&quot;color: #0000cc; margin-left: 1em; margin-right: 1em;&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;Optimiser le chargement des pages avec images et photos sur blogger&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp-dVPZLDwodeu6ysQyfaSndlGdjhALXGurLAJF6Vyt9LTu8Q6CBd2976LvEZC0W8xdsLB9dxa9Hn-H5ryEgptqqvJjL9LABiMJuv7ySOU-gcT6ZxmiadVsWFx8tx9wOZ33qfCcJlfi_ds/s1600/optimiser-chargment-pages-avec-images-photos-blogger.png&quot; style=&quot;border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px;&quot; title=&quot;Optimiser le chargement des pages avec images et photos sur blogger&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px; text-align: center;&quot;&gt;
Source de l&#39;image :&amp;nbsp;&lt;a href=&quot;http://www.google.com/url?q=http%3A%2F%2Fblog.nguoiaolam.net%2F2012%2F03%2F3-thu-thuat-on-gian-giup-blog-ban-tro.html&amp;amp;sa=D&amp;amp;sntz=1&amp;amp;usg=AFQjCNEoUBW1DfVTia0CbB4Fyd4FMneAAQ&quot; style=&quot;color: #0000cc;&quot; target=&quot;_blank&quot;&gt;Blog Thiêk kê&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px; text-align: justify;&quot;&gt;
Le script de&amp;nbsp;&amp;nbsp;&lt;a href=&quot;https://plus.google.com/109750558396546958834&quot; style=&quot;color: #006699; font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: 20px; text-align: left; text-decoration: none;&quot; target=&quot;_blank&quot;&gt;+Hồng Hòa Vi&lt;/a&gt;&amp;nbsp;&amp;nbsp;que je vais vous proposer ici fera que les images de votre blog ne seront plus chargées au même moment, mais au fur et à mesure que le lecteur ira vers le bas de la page.&lt;/div&gt;
&lt;div style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px; text-align: justify;&quot;&gt;
Voici comment procéder pour optimiser le chargement des photos sur votre blog :&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px; text-align: justify;&quot;&gt;
1. Se connecter à Blogger. Aller sur “Modèle”, puis sur “Modifier le code HTML”&lt;/div&gt;
&lt;div style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px; text-align: justify;&quot;&gt;
2. Trouver la balise &amp;lt;/head&amp;gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px; text-align: justify;&quot;&gt;
3. Coller le script suivant juste avant la balise trouvée.&lt;/div&gt;
&lt;div style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px; text-align: justify;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;&amp;lt;script src=&#39;&lt;a href=&quot;https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js&#39;/&quot; style=&quot;color: #0000cc;&quot; target=&quot;_blank&quot;&gt;https://ajax.googleapis.&lt;wbr&gt;&lt;/wbr&gt;com/ajax/libs/jquery/1.7.1/&lt;wbr&gt;&lt;/wbr&gt;jquery.min.js&#39;/&lt;/a&gt;&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;br style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px;&quot; /&gt;
&lt;br style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px;&quot; /&gt;
&lt;span style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px;&quot;&gt;&amp;lt;script src=&#39;&lt;/span&gt;&lt;a href=&quot;http://blogthietke.googlecode.com/files/lazypic.js&#39;/&quot; style=&quot;background-color: white; color: #0000cc; font-family: arial, sans-serif; font-size: 13px;&quot; target=&quot;_blank&quot;&gt;http://blogthietke.&lt;wbr&gt;&lt;/wbr&gt;googlecode.com/files/lazypic.&lt;wbr&gt;&lt;/wbr&gt;js&#39;/&lt;/a&gt;&lt;span style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px;&quot;&gt;&amp;lt;script charset=&#39;utf-8&#39; type=&#39;text/javascript&#39;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px;&quot;&gt;$(function() { &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px;&quot;&gt;$(&amp;amp;quot;img&amp;amp;quot;) &amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px;&quot;&gt;.lazyload({&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px;&quot;&gt;placeholder: &amp;amp;quot;&lt;/span&gt;&lt;a href=&quot;https://lh3.googleusercontent.com/-Z9XhV1m9Jak/T3AqzaLp1EI/AAAAAAAACyw/Y1dC7eoBPxM/s5/eee.gif&amp;amp;quot&quot; style=&quot;background-color: white; color: #0000cc; font-family: arial, sans-serif; font-size: 13px;&quot; target=&quot;_blank&quot;&gt;https://lh3.&lt;wbr&gt;&lt;/wbr&gt;googleusercontent.com/-&lt;wbr&gt;&lt;/wbr&gt;Z9XhV1m9Jak/T3AqzaLp1EI/&lt;wbr&gt;&lt;/wbr&gt;AAAAAAAACyw/Y1dC7eoBPxM/s5/&lt;wbr&gt;&lt;/wbr&gt;eee.gif&amp;amp;quot&lt;/a&gt;&lt;span style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px;&quot;&gt;;,&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px;&quot;&gt;effect: &amp;amp;quot;fadeIn&amp;amp;quot;});&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px;&quot;&gt;});&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px;&quot;&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;br style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px;&quot; /&gt;
&lt;br style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px;&quot; /&gt;
&lt;span style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px;&quot;&gt;Notez que le script en rouge est à omettre s&#39;il se trouve déjà dans votre modèle.&lt;/span&gt;&lt;br /&gt;
&lt;br style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px;&quot; /&gt;
&lt;span style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px;&quot;&gt;4. Enregistrer le modèle&lt;/span&gt;&lt;br /&gt;
&lt;br style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px;&quot; /&gt;
&lt;span style=&quot;background-color: white; font-family: arial, sans-serif; font-size: 13px;&quot;&gt;Maintenant, le chargement des pages de votre blog avec images et autres photos sera plus rapide.&lt;/span&gt;
</description><link>http://blogger-au-bout-du-doigt.blogspot.com/2013/01/optimiser-chargement-pages-images-photos-blogger_29.html</link><author>noreply@blogger.com (Rodney)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp-dVPZLDwodeu6ysQyfaSndlGdjhALXGurLAJF6Vyt9LTu8Q6CBd2976LvEZC0W8xdsLB9dxa9Hn-H5ryEgptqqvJjL9LABiMJuv7ySOU-gcT6ZxmiadVsWFx8tx9wOZ33qfCcJlfi_ds/s72-c/optimiser-chargment-pages-avec-images-photos-blogger.png" height="72" width="72"/><thr:total>16</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2993308440503478290.post-5617473477834150895</guid><pubDate>Thu, 24 Jan 2013 05:36:00 +0000</pubDate><atom:updated>2014-02-01T04:44:39.001+01:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">astuces blogger</category><category domain="http://www.blogger.com/atom/ns#">widget pour blogger</category><category domain="http://www.blogger.com/atom/ns#">widgets</category><title>Rendre invisible le gadget Attribution - Fourni par Blogger</title><description>&lt;span style=&quot;text-align: justify;&quot;&gt;Nous avons déjà vu comment &lt;/span&gt;&lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2012/04/cacher-le-gadget-fourni-par-blogger.html&quot; style=&quot;text-align: justify;&quot;&gt;cacher le gadget attribution&lt;/a&gt;&lt;span style=&quot;text-align: justify;&quot;&gt; en lui ajoutant un attribut, et aussi &lt;/span&gt;&lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2012/04/supprimer-le-gadget-fourni-par-blogger.html&quot; style=&quot;text-align: justify;&quot;&gt;comment supprimer ce widget Fourni par Blogger&lt;/a&gt;&lt;span style=&quot;text-align: justify;&quot;&gt;. Mais, étant donné que certains affirment qu&#39;il a tendance à réapparaitre après les manipulations effectuées, voici une astuce qui va &lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2013/01/rendre-invisible-gadget-attribution-fourni-par-blogger.html&quot;&gt;rendre invisible le gadget attribution&lt;/a&gt;.&lt;/span&gt;&lt;br /&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixWrmOFY0YVmyP4q4UdWiOqgORRh0s_RIDPxFIsQKUWtf2WTIdE065ZN91D6dMZbV0pNJaxOVnYW54H1XsC4e5vyIRiXjlfq8WmLQt36bOG1b91T3r_5e0bZaAaBk4ZFRrc-iUyV9aXAfZ/s1600/cacher+le+gadget+fourni+par+Blogger.png&quot; imageanchor=&quot;1&quot; style=&quot;background-color: white; color: #174271; font-family: Lato, &#39;Myriad Pro&#39;, Arial, sans-serif; font-size: 14px; font-weight: bold; line-height: 22px; margin-bottom: 0px; margin-left: 1em; margin-right: 1em; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;rendre invisible le gadget fourni par Blogger (Attribution) sur votre blog&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixWrmOFY0YVmyP4q4UdWiOqgORRh0s_RIDPxFIsQKUWtf2WTIdE065ZN91D6dMZbV0pNJaxOVnYW54H1XsC4e5vyIRiXjlfq8WmLQt36bOG1b91T3r_5e0bZaAaBk4ZFRrc-iUyV9aXAfZ/s1600/cacher+le+gadget+fourni+par+Blogger.png&quot; style=&quot;border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; max-width: 590px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; title=&quot;rendre invisible le gadget fourni par Blogger (Attribution) sur votre blog&quot; /&gt;&lt;/a&gt;
&lt;br /&gt;
&lt;br /&gt;
Bien qu&#39;il restera présent dans votre modèle, le widget attribution ne s&#39;affichera plus sur le blog après l&#39;ajout d&#39;un simple code css.&lt;br /&gt;
&lt;br /&gt;
Voici comment procéder :&lt;br /&gt;
&lt;br /&gt;
1. Se connecter à Blogger. Aller sur &quot;Modèle&quot;, puis cliquer sur le bouton &quot;Modifier le code HTML&quot;&lt;br /&gt;
&lt;br /&gt;
2. Trouver la balise suivante&amp;nbsp;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;br /&gt;
&lt;br /&gt;
3. Mettre le code css suivant juste avant la balise de l&#39;étape 2&lt;br /&gt;
&lt;br /&gt;
#Attribution1 {display: none;}&lt;br /&gt;
&lt;br /&gt;
4. Enregistrer le modèle&lt;br /&gt;
&lt;br /&gt;
Et voilà. C&#39;est aussi simple que ça. Maintenant, le &lt;b&gt;gadget Attribution - Fourni par Blogger&lt;/b&gt; - &amp;nbsp;ne sera plus visible sur votre blog.&lt;br /&gt;
&lt;br /&gt;
@+</description><link>http://blogger-au-bout-du-doigt.blogspot.com/2013/01/rendre-invisible-gadget-attribution-fourni-par-blogger.html</link><author>noreply@blogger.com (Rodney)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixWrmOFY0YVmyP4q4UdWiOqgORRh0s_RIDPxFIsQKUWtf2WTIdE065ZN91D6dMZbV0pNJaxOVnYW54H1XsC4e5vyIRiXjlfq8WmLQt36bOG1b91T3r_5e0bZaAaBk4ZFRrc-iUyV9aXAfZ/s72-c/cacher+le+gadget+fourni+par+Blogger.png" height="72" width="72"/><thr:total>7</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2993308440503478290.post-7574750955954549859</guid><pubDate>Sun, 20 Jan 2013 11:11:00 +0000</pubDate><atom:updated>2014-02-01T04:44:39.041+01:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">musique</category><category domain="http://www.blogger.com/atom/ns#">widget pour blogger</category><category domain="http://www.blogger.com/atom/ns#">widgets</category><title>Jouer de la musique sur son blog</title><description>&lt;div style=&quot;text-align: justify;&quot;&gt;
Après avoir vu comment &lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2013/01/comment-ajouter-lecteur-mp3-musique-blog.html&quot;&gt;ajouter de la musique sur son blog&lt;/a&gt; avec Mixpod, puis comment &lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2013/01/comment-ajouter-lecteur-mp3-musique-blog.html&quot;&gt;mettre un lecteur mp3&lt;/a&gt; Dewplayer sur son blog tout en &lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2013/01/comment-heberger-fichiers-google-sites.html&quot;&gt;hébergeant ses fichiers sur Google Sites&lt;/a&gt;, nous allons voir ici comment &lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2013/01/jouer-musique-sur-blog.html&quot;&gt;jouer de la musique sur son blog&lt;/a&gt; grâce à &lt;a href=&quot;https://tilidom.com/&quot;&gt;Tilidom&lt;/a&gt;, un site que m’a fait découvrir Akari du blog &lt;a href=&quot;http://www.tutoriel-iphone.fr/&quot;&gt;Tutoriels Iphone&lt;/a&gt;.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Tilidom est un site d’hébergement des fichiers qui a la particularité de permettre à ses utilisateurs de faire jouer, sur leurs blogs, les fichiers mp3 stockés dans leurs comptes grâce à Dewplayer.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Voici les étapes à suivre pour jouer de la musique sur son blog grâce à Tilidom :&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
1. S’inscrire gratuitement sur&amp;nbsp;&lt;a href=&quot;https://tilidom.com/&quot; rel=&quot;nofollow&quot;&gt;Tilidom&lt;/a&gt;&amp;nbsp;(2 giga de stockage offerts)&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
2. Se connecter à son compte après inscription et cliquer sur le bouton vert avec un + pour ajouter les fichiers mp3.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7w8LVoiEQhimJMnEtOi1llfekr32Qq3V72zl5ZAgFFbxYvrmVEYKgtdKB8xJmV2649oV5w7e342gZOFJuL-8Tl2zyvmsGTg-UGyDe_9dhZPWEK4rLhdtSDpH8zIc_sFoM1R72sWW5tC07/s1600/ajouter-un-fichier-tilidom.png&quot; imageanchor=&quot;1&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;330&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7w8LVoiEQhimJMnEtOi1llfekr32Qq3V72zl5ZAgFFbxYvrmVEYKgtdKB8xJmV2649oV5w7e342gZOFJuL-8Tl2zyvmsGTg-UGyDe_9dhZPWEK4rLhdtSDpH8zIc_sFoM1R72sWW5tC07/s1600/ajouter-un-fichier-tilidom.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp;Notez que vous pouvez aussi ajouter les fichiers après avoir ouvert le dossier “Mp3” afin qu’ils y soient directement enregistrés.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
3. Sur la page qui va s’ouvrir, vous pouvez cliquer sur le bouton “Ajouter des fichiers” afin de sélectionner vos fichiers mp3 dans votre ordinateur, ou vous pouvez simplement vous rendre dans le dossier de votre ordi où sont stockés les mp3 que vous désirez ajouter, les sélectionner et les glisser sur la page.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguXkTfVTXmteuWfKQOm5IQLS1y-3MYneF4_fxrHvRMBgLgfxfwXl38CotTDzMfseuquONUxMc9W7SY4dPmy2ikhR4DdkezN64DMIgF7o2JW1gej-cZdYYsAFLgtSMjcBiQ1QgSrTCVIvFZ/s1600/ajouter-des-fichiers-tilidom.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;ajouter des fichiers mp3 sur tilidom&quot; border=&quot;0&quot; height=&quot;405&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguXkTfVTXmteuWfKQOm5IQLS1y-3MYneF4_fxrHvRMBgLgfxfwXl38CotTDzMfseuquONUxMc9W7SY4dPmy2ikhR4DdkezN64DMIgF7o2JW1gej-cZdYYsAFLgtSMjcBiQ1QgSrTCVIvFZ/s640/ajouter-des-fichiers-tilidom.png&quot; title=&quot;ajouter des fichiers mp3 sur tilidom&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
4. Quand vous aurez fini la sélection des fichiers, cliquez sur “Commencer le téléch.” afin d’importer vos fichiers. Vous verrez la progression du téléchargement qui va s’afficher pour chaque fichier et une barre de progression pour tous les fichiers.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
5. Une fois le téléchargement terminé, vous pouvez retourner à la page d’accueil de votre compte. Là, cliquez sur le 4ème bouton, en forme de globe, pour publier vos fichiers mp3 sur un lecteur de musique.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin1jPViPUBO4-hDNuUlehFRgs_YIIVKEMf46TheKv2cU-c9TgzvvCDa3aiylad_08pHIUfItMqkSjbceFQY_UDutMubX5c-obdU3I310dhgUPStBLT4fU8USKLiCOGBmOmgh6mjD0TtdyI/s1600/publier-musique-sur-son-blog.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;publier la musique sur son blog&quot; border=&quot;0&quot; height=&quot;269&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin1jPViPUBO4-hDNuUlehFRgs_YIIVKEMf46TheKv2cU-c9TgzvvCDa3aiylad_08pHIUfItMqkSjbceFQY_UDutMubX5c-obdU3I310dhgUPStBLT4fU8USKLiCOGBmOmgh6mjD0TtdyI/s640/publier-musique-sur-son-blog.png&quot; title=&quot;publier la musique sur son blog&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
6. Sur la page “My publications” cliquez sur “Publish music”.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp;7. Sélectionner les fichiers mp3 à publier sur votre lecteur puis cliquez sur “Next”.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3Rf6IUFtxEZr-1BuUEc5V20WYxpUGz7aOazKed9acvClcxRTKRj52s8g81KzXBRuxRuww4Dacp53tqw1OG1lqAy2-8tMo7OxkJkkCCMYTzrOeWDsXcMgs8Bq6nM3nR8Oao4ZM58xDRZAq/s1600/selectionner+musiques.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;sélectionner la musique à jouer&quot; border=&quot;0&quot; height=&quot;435&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3Rf6IUFtxEZr-1BuUEc5V20WYxpUGz7aOazKed9acvClcxRTKRj52s8g81KzXBRuxRuww4Dacp53tqw1OG1lqAy2-8tMo7OxkJkkCCMYTzrOeWDsXcMgs8Bq6nM3nR8Oao4ZM58xDRZAq/s640/selectionner+musiques.png&quot; title=&quot;sélectionner la musique à jouer&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
8. Sur la nouvelle page vous verrez s’afficher votre lecteur (avec la musique qui va commencer à jouer). Vous pourrez changer l’ordre des chansons (Change order), choisir un lecteur plus petit (Choose a mini skin) ou changer l’apparence de votre lecteur (Change skin).&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYT_eRBxvV5MYm03U3ggkifvmhh9KOTcXRxxtz47GVOGRWRmNjR8xWNjC1P2Z1SoO5j2GUMc__Xj2NYKGdEZiZ2BpaeSyjLb3sBkAsizaKPQQBM6vhLvJZUXCtv7iim_84FDSUj2qHPPky/s1600/jouer-de-la-musique-sur-son-blog.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;jouer de la musique sur son blog&quot; border=&quot;0&quot; height=&quot;406&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYT_eRBxvV5MYm03U3ggkifvmhh9KOTcXRxxtz47GVOGRWRmNjR8xWNjC1P2Z1SoO5j2GUMc__Xj2NYKGdEZiZ2BpaeSyjLb3sBkAsizaKPQQBM6vhLvJZUXCtv7iim_84FDSUj2qHPPky/s640/jouer-de-la-musique-sur-son-blog.png&quot; title=&quot;jouer de la musique sur son blog&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Vous devez aussi donner un nom à votre lecteur, et cocher sur la case pour “Auto play” pour que la musique se lance à l’affichage de la page (moi je ne vous conseille pas de le faire).&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Il vous faudra enfin cliquer sur la case pour “I’m not violating any copy right by publishing this files” afin de signifier que vous ne violez aucun droit d’auteur en publiant ces musiques sur votre blog.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
9. Cliquez sur “Publish files!” afin de récupérer le code de votre lecteur mp3 sur la page qui va s’afficher.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp;Pour être sur de copier tout le code, cliquez sur “Copy to clipboard”.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
10. Vous pouvez maintenant coller le code html de votre lecteur dans un gadget HTML/Javascript ou dans un article afin d’afficher ledit lecteur mp3 sur votre blog.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Alors, ça vous tente de &lt;b&gt;jouer de la musique sur votre blog&lt;/b&gt; ?&lt;/div&gt;
</description><link>http://blogger-au-bout-du-doigt.blogspot.com/2013/01/jouer-musique-sur-blog.html</link><author>noreply@blogger.com (Rodney)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7w8LVoiEQhimJMnEtOi1llfekr32Qq3V72zl5ZAgFFbxYvrmVEYKgtdKB8xJmV2649oV5w7e342gZOFJuL-8Tl2zyvmsGTg-UGyDe_9dhZPWEK4rLhdtSDpH8zIc_sFoM1R72sWW5tC07/s72-c/ajouter-un-fichier-tilidom.png" height="72" width="72"/><thr:total>4</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2993308440503478290.post-7902080543537137639</guid><pubDate>Sun, 20 Jan 2013 01:47:00 +0000</pubDate><atom:updated>2013-01-20T02:47:48.887+01:00</atom:updated><title>Bouton pour imprimer ou télécharger les articles du blog en PDF</title><description>&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
En juillet 2007, nous avions vu qu’il était possible d’ajouter l’&lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2007/07/option-pour-imprimer-vos-articles.html&quot;&gt;option “imprimer” pour les articles de votre blog&lt;/a&gt;&amp;nbsp;afin de permettre à vos lecteurs de garder une copie papier de votre blog. Nous allons ici vous présenter le gadget de Print Friendly qui ajoute &lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2013/01/bouton-imprimer-telecharger-articles-blog-pdf-print-friendly.html&quot;&gt;un bouton pour imprimer ou télécharger les articles du blog en PDF&lt;/a&gt;.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGQzfq0crT92lFqIGwxjzVuX3mE9EHrrfJTefC7atyNW6_n_rus-IHZNKzyF-JQXXaJQWkWUsiEA6vFXBeC011zhMTRdaMJyojdghCe6w5RJZULKLe6tDkcWdp9mJtK9d0pYBwMnoB3R36/s1600/bouton-pour-imprimer-telecharger-articles-en-pdf.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Bouton pour imprimer ou télécharger les articles du blog en PDF&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGQzfq0crT92lFqIGwxjzVuX3mE9EHrrfJTefC7atyNW6_n_rus-IHZNKzyF-JQXXaJQWkWUsiEA6vFXBeC011zhMTRdaMJyojdghCe6w5RJZULKLe6tDkcWdp9mJtK9d0pYBwMnoB3R36/s1600/bouton-pour-imprimer-telecharger-articles-en-pdf.png&quot; title=&quot;Bouton pour imprimer ou télécharger les articles du blog en PDF&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Grâce au bouton de Print Friendly, seuls les contenus de vos articles seront imprimés, pas les autres parties du blog. Vous pouvez voir un exemple de ce que ça va donner sur votre blog en faisant un test sur la page d&#39;accueil de &lt;a href=&quot;http://www.printfriendly.com/&quot;&gt;Print Friendly&lt;/a&gt;. Mettez l&#39;url de votre blog là où il est écrit &quot;enter a url&quot; puis cliquez sur &quot;print preview&quot;.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Pour Blogger au bout du doigt, ça donne cette belle page :&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMJHpceGCofV6QT-EzL2fAtat-LYfhN_TDab8Bxbzj7PMtLxClLr2Gzy_2NN3zOqlZTfhYbMaq8it3Cvezh9anEETEdYceSyYHnjNvgTo_bO1wujK6ADAhDI75nJ1rG1oULxPZgyc7eB_9/s1600/exemple-article-blog-a-imprimer-print-friendly.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;exemple article du blog à imprimer grâce à Print Friendly&quot; border=&quot;0&quot; height=&quot;453&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMJHpceGCofV6QT-EzL2fAtat-LYfhN_TDab8Bxbzj7PMtLxClLr2Gzy_2NN3zOqlZTfhYbMaq8it3Cvezh9anEETEdYceSyYHnjNvgTo_bO1wujK6ADAhDI75nJ1rG1oULxPZgyc7eB_9/s1600/exemple-article-blog-a-imprimer-print-friendly.png&quot; title=&quot;exemple article du blog à imprimer grâce à Print Friendly&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Voici ce qu’il faut faire pour donner à vos lecteurs la possibilité d’imprimer ou de télécharger vos articles en PDF.&lt;/div&gt;
&lt;br /&gt;
1. Aller sur cette page de &lt;a href=&quot;http://www.printfriendly.com/button&quot;&gt;Print Friendly&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
2. Pour l’étape 1 “Choose site type”, cocher sur la case pour “Blogger/blogspot”&lt;br /&gt;
&lt;br /&gt;
3. Pour l’étape 2 “Choose button”, choisir le type de bouton à afficher sur le blog&lt;br /&gt;
&lt;br /&gt;
4. Toujours à l’étape, pour “Features”, choisir les fonctions (Allow = Permettre, Not allow = Ne pas permettre, Enable = Activer, Disable = Désactiver)&lt;br /&gt;
&lt;br /&gt;
Page header (Entête de la page)&lt;br /&gt;
Click-to-delete (Cliquer pour effacer)&lt;br /&gt;
Email&lt;br /&gt;
PDF&lt;br /&gt;
Print (Imprimer)&lt;br /&gt;
Custom css url (mettre l&#39;url de code css à utiliser à la place de celui de Print Friendly)&lt;br /&gt;
HTTPS (Connexion sécurisée)&lt;br /&gt;
&lt;br /&gt;
5. Pour l’étape 3 “Copy the code”, sélectionner et copier le code généré.&lt;br /&gt;
&lt;br /&gt;
Voici en exemple le code généré après le choix du deuxième bouton de la deuxième colonne&lt;br /&gt;
&lt;br /&gt;
&amp;lt;script&amp;gt;var pfHeaderImgUrl = &#39;&#39;;var pfHeaderTagline = &#39;&#39;;var pfdisableClickToDel = 0;var pfDisablePDF = 0;var pfDisableEmail = 0;var pfDisablePrint = 0;var pfCustomCSS = &#39;&#39;;var pfBtVersion=&#39;1&#39;;(function(){var js, pf;pf = document.createElement(&#39;script&#39;);pf.type = &#39;text/javascript&#39;;if(&#39;https:&#39; == document.location.protocol){js=&#39;https://pf-cdn.printfriendly.com/ssl/main.js&#39;}else{js=&#39;http://cdn.printfriendly.com/printfriendly.js&#39;}pf.src=js;document.getElementsByTagName(&#39;head&#39;)[0].appendChild(pf)})();&amp;lt;/script&amp;gt;&amp;lt;a href=&quot;http://www.printfriendly.com&quot; style=&quot;color:#6D9F00;text-decoration:none;&quot; class=&quot;printfriendly&quot; onclick=&quot;window.print();return false;&quot; title=&quot;Printer Friendly and PDF&quot;&amp;gt;&amp;lt;img style=&quot;border:none;margin:0 6px&quot; &amp;nbsp;src=&quot;http://cdn.printfriendly.com/pf-print-icon.gif&quot; width=&quot;16&quot; height=&quot;15&quot; alt=&quot;&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;Print Friendly Version of this page&lt;/span&gt;&lt;/b&gt;&quot; /&amp;gt;&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;Print&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&amp;lt;img style=&quot;border:none;margin:0 6px&quot; &amp;nbsp;src=&quot;http://cdn.printfriendly.com/pf-pdf-icon.gif&quot; width=&quot;12&quot; height=&quot;12&quot; alt=&quot;&lt;b&gt;&lt;span style=&quot;color: purple;&quot;&gt;Get a PDF version of this webpage&lt;/span&gt;&lt;/b&gt;&quot; /&amp;gt;PDF&amp;lt;/a&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
On peut franciser le code de la manière suivante :&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
a. Remplacer le “Print Friendly Version of this page” par “Imprimer cette page”&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
b. Remplacer “Print” par “Imprimer”&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
c. Remplacer “Get a PDF version of this webpage” par “Télécharger une version PDF de cet article”&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
6. Se connecter à Blogger, aller sur “Modèle” puis cliquer sur “Modifier le code HTML”. Là, cocher sur “Développer des modèles de gadget”&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
7. Trouver l’une des lignes de codes suivante :&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;lt;data:post.body/&amp;gt; (Cette ligne est celle qui affiche le corps de votre article)&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;lt;div class=&#39;post-footer&#39;&amp;gt; (Après cette ligne se trouvent les codes pour ce qui doit apparaître au bas de l’article)&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
8. Coller le code de Print Friendly juste après l’une des lignes de codes de l’étape 7.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
9. Enregistrer le modèle.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Avec ces manœuvres simples, vous aurez ajouté un &lt;b&gt;bouton pour imprimer et télécharger les articles de votre blog au format PDF&lt;/b&gt;.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
@+&lt;/div&gt;
</description><link>http://blogger-au-bout-du-doigt.blogspot.com/2013/01/bouton-imprimer-telecharger-articles-blog-pdf-print-friendly.html</link><author>noreply@blogger.com (Rodney)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGQzfq0crT92lFqIGwxjzVuX3mE9EHrrfJTefC7atyNW6_n_rus-IHZNKzyF-JQXXaJQWkWUsiEA6vFXBeC011zhMTRdaMJyojdghCe6w5RJZULKLe6tDkcWdp9mJtK9d0pYBwMnoB3R36/s72-c/bouton-pour-imprimer-telecharger-articles-en-pdf.png" height="72" width="72"/><thr:total>9</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2993308440503478290.post-8869232537560579244</guid><pubDate>Fri, 18 Jan 2013 16:58:00 +0000</pubDate><atom:updated>2014-02-01T04:44:39.066+01:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">astuces blogger</category><category domain="http://www.blogger.com/atom/ns#">Navigation</category><category domain="http://www.blogger.com/atom/ns#">widget pour blogger</category><category domain="http://www.blogger.com/atom/ns#">widgets</category><title>Titres d’articles pour &quot;message plus ancien&quot; et &quot;message plus récent&quot;</title><description>&lt;br /&gt;
Ceux qui suivent le blog depuis longtemps savent que nous avions déjà partagé une astuce pour afficher &lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2012/02/remplacez-message-plus-ancienrecent-par.html&quot;&gt;les vrais titres d&#39;articles à la place de &quot;message plus ancien&quot; et &quot;message plus récent&quot;&lt;/a&gt; .&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQzENONbhkbn8TbItE74ayBb2BEmjBO_UPqtImY2OBK-GehB7q2tG_YpCHFxdY4W5zA5k0EW_jigL_zC97x8fl9RCsrkbzAUiQ-ChDuEnTQ8VG7TOneytmUbwcF_jL6DdwAQ0WrdyQT8_K/s1600-h/affichertitresarticleslaplacedemessa%25255B2%25255D.png&quot; style=&quot;background-color: white; color: #174271; font-family: Lato, &#39;Myriad Pro&#39;, Arial, sans-serif; font-size: 14px; font-weight: bold; line-height: 22px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;&quot;&gt;&lt;img alt=&quot;afficher les titres articles à la place de message plus anciens récents sur blogger blogspot&quot; border=&quot;0&quot; height=&quot;301&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_-s3rppunCxaES11bnmV4ppb2M6IHZNTOkcnSem6DpJs2BVJI-YkeqcDlgTFuooFK7rdtIcfuiPXyj_6YD8TPhtWgAOTXTBMRfWxhX4YdJvCOVgCHvoL5b0zDTdfqU4HhA7QfoGV01xTW/?imgmax=800&quot; style=&quot;border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; float: none; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; max-width: 590px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; title=&quot;afficher les titres articles à la place de message plus anciens récents sur blogger blogspot&quot; width=&quot;647&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Je voudrais ici vous partager une autre astuce, qui permettra aussi d’avoir &lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2013/01/titres-articles-pour-message-plus-ancien-recent-blogger.html&quot;&gt;les titres d’articles à la place de &quot;message plus ancien&quot; et &quot;message plus récent&quot;&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
Voici les étapes à suivre afin de réaliser cette prouesse :&lt;br /&gt;
&lt;br /&gt;
1) Se connecter à Blogger et se rendre sur “Modele” pour le blog où effectuer la modification&lt;br /&gt;
&lt;br /&gt;
2) Après avoir gardé une copie du modèle, cliquez sur “Modifier le code HTML”&lt;br /&gt;
&lt;br /&gt;
3) Trouvez la balise &amp;lt;/head&amp;gt; (Vous pouvez utiliser CTRL+F pour trouver rapidement)&lt;br /&gt;
&lt;br /&gt;
4) Collez le script suivant juste avant la balise trouvée et enregistrez votre modèle.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Vous pouvez zapper cette étape si vous avez déjà le code jquery.min.js installé dans votre modèle.&lt;br /&gt;
&lt;br /&gt;
5) Rendez-vous sur “Mise en page” et cliquez sur “Ajouter un gadget”&lt;br /&gt;
&lt;br /&gt;
9) Choisissez “HTML/Javascript” et collez le code suivant puis enregistrez votre gadget.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;style type=&quot;text/css&quot;&amp;gt; #blog-pager-newer-link {font-size:85%;width:200px;text-align:left;}&lt;br /&gt;
#blog-pager-older-link {font-size:85%;width:200px;text-align:right;}&lt;br /&gt;
&amp;lt;/style&amp;gt;&lt;br /&gt;
&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;&lt;br /&gt;
$(document).ready(function(){&lt;br /&gt;
var newerLink = $(&quot;a.blog-pager-newer-link&quot;).attr(&quot;href&quot;);&lt;br /&gt;
$(&quot;a.blog-pager-newer-link&quot;).load(newerLink+&quot; .post-title:first&quot;, function() {&lt;br /&gt;
var newerLinkTitle = $(&quot;a.blog-pager-newer-link&quot;).text();&lt;br /&gt;
$(&quot;a.blog-pager-newer-link&quot;).text(&quot;&amp;lt;&amp;lt; &quot; + newerLinkTitle);&lt;br /&gt;
});&lt;br /&gt;
var olderLink = $(&quot;a.blog-pager-older-link&quot;).attr(&quot;href&quot;);&lt;br /&gt;
$(&quot;a.blog-pager-older-link&quot;).load(olderLink+&quot; .post-title:first&quot;, function() {&lt;br /&gt;
var olderLinkTitle = $(&quot;a.blog-pager-older-link&quot;).text();&lt;br /&gt;
$(&quot;a.blog-pager-older-link&quot;).text(olderLinkTitle + &quot; &amp;gt;&amp;gt;&quot;);//rgt&lt;br /&gt;
});&lt;br /&gt;
});&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Maintenant, vous verrez s’afficher les titres des articles à la place de “Message ancien” ou “Message récent”.&lt;br /&gt;
&lt;br /&gt;
Voir aussi :&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3 class=&quot;r&quot; style=&quot;background-color: white; color: #222222; font-family: arial, sans-serif; font-size: medium; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-overflow: ellipsis; white-space: nowrap;&quot;&gt;
&lt;/h3&gt;
&lt;h3 class=&quot;r&quot; style=&quot;font-size: medium; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-overflow: ellipsis;&quot;&gt;
&lt;a class=&quot;l&quot; href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2009/01/deplacer-messages-anciens-messages.html&quot; style=&quot;color: #1122cc; cursor: pointer;&quot; wrc_done=&quot;true&quot;&gt;Déplacer&amp;nbsp;&lt;em style=&quot;font-style: normal; font-weight: bold;&quot;&gt;messages anciens&lt;/em&gt;/&lt;em style=&quot;font-style: normal; font-weight: bold;&quot;&gt;messages&lt;/em&gt;&amp;nbsp;récents&lt;/a&gt;&amp;nbsp;&lt;/h3&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;h3 class=&quot;r&quot; style=&quot;font-size: medium; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-overflow: ellipsis;&quot;&gt;
&lt;a class=&quot;l&quot; href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2008/03/mettre-des-icne-la-place-de-messages.html&quot; style=&quot;color: #1122cc; cursor: pointer;&quot; wrc_done=&quot;true&quot;&gt;Mettre des icône à la place de &quot;&lt;em style=&quot;font-style: normal; font-weight: bold;&quot;&gt;messages anciens&lt;/em&gt;/&lt;em style=&quot;font-style: normal; font-weight: bold;&quot;&gt;messages&lt;/em&gt;&amp;nbsp;récents&quot;&lt;/a&gt;&lt;/h3&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3 class=&quot;r&quot; style=&quot;background-color: white; color: #222222; font-family: arial, sans-serif; font-size: medium; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-overflow: ellipsis; white-space: nowrap;&quot;&gt;
&lt;a class=&quot;l&quot; href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2012/03/les-titres-des-articles-au-lieu-de-plus.html&quot; style=&quot;color: #1122cc; cursor: pointer;&quot; wrc_done=&quot;true&quot;&gt;Les titres des articles au lieu de “Plus d&#39;infos” ou “Lire la suite”&lt;/a&gt;&lt;/h3&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;h3 class=&quot;r&quot; style=&quot;background-color: white; color: #222222; font-family: arial, sans-serif; font-size: medium; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-overflow: ellipsis; white-space: nowrap;&quot;&gt;
&lt;a class=&quot;l&quot; href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2008/02/effacer-message-plus-ancienmessage-plus.html&quot; style=&quot;color: #1122cc; cursor: pointer;&quot; wrc_done=&quot;true&quot;&gt;Effacer&amp;nbsp;&lt;em style=&quot;font-style: normal; font-weight: bold;&quot;&gt;message&lt;/em&gt;&amp;nbsp;plus&amp;nbsp;&lt;em style=&quot;font-style: normal; font-weight: bold;&quot;&gt;ancien&lt;/em&gt;/&lt;em style=&quot;font-style: normal; font-weight: bold;&quot;&gt;message&lt;/em&gt;&amp;nbsp;plus&amp;nbsp;&lt;em style=&quot;font-style: normal; font-weight: bold;&quot;&gt;récent&lt;/em&gt;&lt;/a&gt;&lt;/h3&gt;
&lt;/div&gt;
&lt;br /&gt;
</description><link>http://blogger-au-bout-du-doigt.blogspot.com/2013/01/titres-articles-pour-message-plus-ancien-recent-blogger.html</link><author>noreply@blogger.com (Rodney)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_-s3rppunCxaES11bnmV4ppb2M6IHZNTOkcnSem6DpJs2BVJI-YkeqcDlgTFuooFK7rdtIcfuiPXyj_6YD8TPhtWgAOTXTBMRfWxhX4YdJvCOVgCHvoL5b0zDTdfqU4HhA7QfoGV01xTW/s72-c?imgmax=800" height="72" width="72"/><thr:total>4</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2993308440503478290.post-5191451587568019157</guid><pubDate>Thu, 17 Jan 2013 10:09:00 +0000</pubDate><atom:updated>2014-02-01T04:44:38.994+01:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Google+</category><category domain="http://www.blogger.com/atom/ns#">widget pour blogger</category><category domain="http://www.blogger.com/atom/ns#">widgets</category><title>Gadget abonnés Google+ pour Blogger</title><description>&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Vous avez un compte sur Google+ et vous aimeriez accroître le nombre de vos abonnés ? Voici pour vous le nouveau gadget “Abonnés Google+” que nous propose Blogger.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
A l’inverse du &lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2012/04/gadget-fans-sur-facebook-flottant-sur.html&quot;&gt;gadget fans sur Facebook&lt;/a&gt; qui affiche les abonnés à la page Facebook de votre blog, le gadget &quot;Abonnés Google+” affiche les abonnées à votre profil Google+, les personnes qui vous ont ajouté à leurs cercles. C’est donc un moyen pour accroitre la popularité de son profil sur Google+, en incitant les visiteurs de votre blog à vous ajouter à leurs cercles.&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU_s6YrdbX_A1mdc1tXustM8B4PbvZz6BvsQKkb-Jb0dJk1HMVcCLRHfCNQrLBZ2e1ue1ksqv5-YkdVbFbZN4rr0BdbNYDdn4kP2yGeiXGfwRiHmgtbM1iKD_UO8QHs80hdAyyoQRytusM/s1600/gadget-google+-followers-abonn%C3%A9s.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Gadget abonnés followers Google+&quot; border=&quot;0&quot; height=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU_s6YrdbX_A1mdc1tXustM8B4PbvZz6BvsQKkb-Jb0dJk1HMVcCLRHfCNQrLBZ2e1ue1ksqv5-YkdVbFbZN4rr0BdbNYDdn4kP2yGeiXGfwRiHmgtbM1iKD_UO8QHs80hdAyyoQRytusM/s400/gadget-google+-followers-abonn%C3%A9s.png&quot; title=&quot;Gadget abonnés followers Google+&quot; width=&quot;373&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Pour avoir ce gadget, il vous faut :&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
1. Vous connecter à votre compte Blogger et aller sur “Mise en page” pour le blog où vous allez ajouter le gadget&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
2. Cliquer sur “Ajouter un gadget” et sélectionner “Abonnés Google+” dans le pop-up qui va s’ouvrir.&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlhopxceDcfeEt991pm9A0-pGgb8UysnxvH_u8Rel6L6iX3ZH6cbxU-9vPkaUhIfOMa-JFPqwHvnDQjsjEnQ8Yvv0KvVeGRqM7DTia8y_KLg3bIEWnp6TrHJx7nW-w52YDCFNT4uXminiZ/s1600/gadget-pour-afficher-abonner-google+.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;ajouter gadget abonnés google+ sur blogger&quot; border=&quot;0&quot; height=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlhopxceDcfeEt991pm9A0-pGgb8UysnxvH_u8Rel6L6iX3ZH6cbxU-9vPkaUhIfOMa-JFPqwHvnDQjsjEnQ8Yvv0KvVeGRqM7DTia8y_KLg3bIEWnp6TrHJx7nW-w52YDCFNT4uXminiZ/s400/gadget-pour-afficher-abonner-google+.png&quot; title=&quot;ajouter gadget abonnés google+ sur blogger&quot; width=&quot;380&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
3. Donnez un nom à votre gadget ou laisser le “Google+ followers” puis enregistrez les modifications.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Il ne vous restera plus qu’à glisser le gadget pour le mettre à un autre emplacement, si vous ne voulez pas qu’il figure en première place de l’endroit où vous l’avez inséré.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Que pensez-vous de ce &lt;b&gt;gadget Abonnés sur Google+&lt;/b&gt; ? ça vous tente ?&amp;nbsp;&lt;/div&gt;
</description><link>http://blogger-au-bout-du-doigt.blogspot.com/2013/01/ajouter-gadget-abonnes-followers-google-plus-blogger.html</link><author>noreply@blogger.com (Rodney)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU_s6YrdbX_A1mdc1tXustM8B4PbvZz6BvsQKkb-Jb0dJk1HMVcCLRHfCNQrLBZ2e1ue1ksqv5-YkdVbFbZN4rr0BdbNYDdn4kP2yGeiXGfwRiHmgtbM1iKD_UO8QHs80hdAyyoQRytusM/s72-c/gadget-google+-followers-abonn%C3%A9s.png" height="72" width="72"/><thr:total>1</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2993308440503478290.post-8974202191325793675</guid><pubDate>Thu, 17 Jan 2013 04:47:00 +0000</pubDate><atom:updated>2013-01-17T05:58:01.847+01:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">commentaires</category><title>Ecrire un message au dessus du cadre commentaires</title><description>L&#39;espace des commentaires permet à vos lecteurs d&#39;y laisser des avis, de poser des questions, de faire des remarques. Parfois, on note quelques violations des règles de bienséance, de courtoisie et savoir vivre parmi les commentaires.&lt;br /&gt;
&lt;br /&gt;
L’un des moyens pour diminuer considérablement le nombre des dérapages dans l’espace de commentaires est de laisser un message, juste au dessus du formulaire pour commenter. Dans ce message vous soulignerez à vos lecteurs les règles à respecter, ou du moins à ne pas violer, lors de la rédaction d’un commentaire.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhesP-tZlubEntgk5wzst4-IylF4FpWYPAviDST07u1SiSgt8F4oNOFEt23wpan8sH7GvcKn91_kUVhb0mx27pkWp8yTnhnWsEeNKU7vOAmfzX1yySsixFqnToTjwDEh9eiuNDImZR59WMX/s1600/message-formulaire-commentaire.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;message formulaire de commentaire&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhesP-tZlubEntgk5wzst4-IylF4FpWYPAviDST07u1SiSgt8F4oNOFEt23wpan8sH7GvcKn91_kUVhb0mx27pkWp8yTnhnWsEeNKU7vOAmfzX1yySsixFqnToTjwDEh9eiuNDImZR59WMX/s1600/message-formulaire-commentaire.png&quot; title=&quot;message formulaire de commentaire&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
Pour avoir une notice qui s’affiche au-dessus du formulaire de commentaire, voici ce que vous devez faire :&lt;br /&gt;
&lt;br /&gt;
1. Vous connecter à Blogger et aller sur “Paramètres”.&lt;br /&gt;
&lt;br /&gt;
2. Cliquer sur “Publications et commentaires” (voir la barre à gauche)&lt;br /&gt;
&lt;br /&gt;
3. Ecrivez votre notice dans le cadre réservé pour le “Message du formulaire de commentaire”&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUXvzIDn1Xhmgrsuxw8GOFt81g24c9n5jhEW7hKy587D58VWg32LqiORj-pOg_MoLQkDJTyUmt8ystO8DRz3-nVaw0meGT1GMcFNS-LOJRbNPVTop36M-FzyFp-uku7Hc5fGhOayUxsRxZ/s1600/comment-afficher-message-au-dessus-cadre-formulaire-de-commentaire.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Ecrire un message au dessus du cadre de commentaire&quot; border=&quot;0&quot; height=&quot;268&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUXvzIDn1Xhmgrsuxw8GOFt81g24c9n5jhEW7hKy587D58VWg32LqiORj-pOg_MoLQkDJTyUmt8ystO8DRz3-nVaw0meGT1GMcFNS-LOJRbNPVTop36M-FzyFp-uku7Hc5fGhOayUxsRxZ/s640/comment-afficher-message-au-dessus-cadre-formulaire-de-commentaire.png&quot; title=&quot;Ecrire un message au dessus du formulaire de commentaire&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
4. Cliquez sur le bouton “Enregistrer les paramètres”&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Vous aurez maintenant &lt;b&gt;un message qui va s&#39;afficher au dessus du cadre du formulaire de commentaire&lt;/b&gt; de votre blog.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
</description><link>http://blogger-au-bout-du-doigt.blogspot.com/2013/01/ecrire-message-au-dessus-cadre-formulaire-commentaires.html</link><author>noreply@blogger.com (Rodney)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhesP-tZlubEntgk5wzst4-IylF4FpWYPAviDST07u1SiSgt8F4oNOFEt23wpan8sH7GvcKn91_kUVhb0mx27pkWp8yTnhnWsEeNKU7vOAmfzX1yySsixFqnToTjwDEh9eiuNDImZR59WMX/s72-c/message-formulaire-commentaire.png" height="72" width="72"/><thr:total>2</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2993308440503478290.post-3205635174926065699</guid><pubDate>Wed, 16 Jan 2013 09:42:00 +0000</pubDate><atom:updated>2014-02-01T04:44:38.973+01:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">musique</category><category domain="http://www.blogger.com/atom/ns#">widget pour blogger</category><category domain="http://www.blogger.com/atom/ns#">widgets</category><title>Mettre un lecteur mp3 sur votre blog</title><description>&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Nous avions déjà vu ici qu’il était possible d’&lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2013/01/comment-ajouter-lecteur-mp3-musique-blog.html&quot;&gt;ajouter un lecteur mp3&lt;/a&gt; à son blog grâce aux service de &lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2012/05/lecteur-mp3-sur-blogger-musique.html&quot;&gt;Mixpod&lt;/a&gt;. Malheureusement, d’après ce que j’ai pu lire des commentaires laissés à l’article qui traitait de la question, Mixpod a fermé ses portes. Il nous faut trouver une alternative.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYGihGFjyLfe1HwL5_Q6bsDE63AsXdiSdVzPT66JOnn9lrV6yifUXbKTaO5ub2vtHTg0se7ri0XWZos1JcOHpWMXJpxUQgdMSgJCNDV6w54I26xNNQzcVvfz4O_vpnxhv2bMMxqTibj6qu/s1600/lecteur+mp3+sur+votre+blog.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;comment ajouter un lecteur mp3 sur un blog&quot; border=&quot;0&quot; height=&quot;640&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYGihGFjyLfe1HwL5_Q6bsDE63AsXdiSdVzPT66JOnn9lrV6yifUXbKTaO5ub2vtHTg0se7ri0XWZos1JcOHpWMXJpxUQgdMSgJCNDV6w54I26xNNQzcVvfz4O_vpnxhv2bMMxqTibj6qu/s640/lecteur+mp3+sur+votre+blog.png&quot; title=&quot;comment ajouter un lecteur mp3 sur un blog&quot; width=&quot;492&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Nous allons donc voir ici comment &lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2013/01/comment-ajouter-lecteur-mp3-musique-blog.html&quot;&gt;mettre un lecteur mp3 sur votre blog&lt;/a&gt; grâce &lt;a href=&quot;http://www.alsacreations.fr/dewplayer.html&quot;&gt;Dewplayer&lt;/a&gt;, un lecteur mp3 fourni par Alsacréation. Ce qui est intéressant avec ce lecteur, c’est qu’il vous offre la possibilité de le configurer afin que la musique puisse se lancer à l’affichage de la page ou seulement lorsque le visiteur du blog désirera l’écouter.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Voici les étapes à suivre afin d’ajouter un lecteur mp3 sur votre blog&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
1. Télécharger le fichier suivant : &lt;a href=&quot;http://www.alsacreations.fr/dl/dewplayer.zip&quot; rel=&quot;nofollow&quot;&gt;Dewplayer&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
2. &amp;nbsp;Décompressez le fichier et choisissez le fichier .swf que vous allez &lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2013/01/comment-heberger-fichiers-google-sites.html&quot;&gt;héberger sur Google sites&lt;/a&gt; ou un autre service d’hébergement des fichiers (dans votre dossier public de Dropbox par exemple).&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Dans cet article nous allons prendre exemple sur le lecteur multi, qui permet de jouer plusieurs chansons sur son &amp;nbsp;lecteur. Choisissez donc le fichier dewplayer-multi.swf et uploadez-le.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
3. Prenez le temps d’&lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2013/01/comment-heberger-fichiers-google-sites.html&quot;&gt;héberger vos fichiers mp3 sur Google sites&lt;/a&gt; (cliquez sur le lien pour voir comment faire).&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
4. &lt;a href=&quot;http://www.alsacreations.fr/dewplayer.html&quot; rel=&quot;nofollow&quot;&gt;Rendez-vous sur cette page&lt;/a&gt; afin de générer le code html de votre lecteur mp3.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
A l’endroit réservé pour l’url de vos mp3, veuillez mettre les liens des mp3 que vous voulez en les séparant par le caractère &lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;|&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Exemple : https://sites.google.com/site/rodneysankinka2/monson1.mp3&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;|&lt;/span&gt;&lt;/b&gt;https://sites.google.com/site/rodneysankinka2/monson2.mp3&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
5. Quand vous aurez fini de cocher sur les autres paramètres qui vous conviennent, copiez le code qui apparait en bas, dans le bloc jaune.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Je vous conseille de ne pas activer la lecture automatique, beaucoup trouve cela vraiment embêtant.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
6. Dans le code généré, prenez soin de remplacer dewplayer-multi.swf par l’url où se trouve le fichier dewplayer-multi.swf que vous avez héberger à la deuxième étape.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Au final vous aurez un code un peu semblable à celui-ci&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&amp;lt;object type=&quot;application/x-shockwave-flash&quot; data=&quot;&lt;span style=&quot;color: red;&quot;&gt;https://sites.google.com/site/rodneysankinka2/dewplayer-multi.swf&lt;/span&gt;&quot; width=&quot;240&quot; height=&quot;20&quot; id=&quot;dewplayer&quot; name=&quot;dewplayer&quot;&amp;gt; &amp;lt;param name=&quot;wmode&quot; value=&quot;transparent&quot; /&amp;gt;&amp;lt;param name=&quot;movie&quot; value=&quot;&lt;span style=&quot;color: red;&quot;&gt;https://sites.google.com/site/rodneysankinka2/dewplayer-multi.swf&lt;/span&gt;&quot; /&amp;gt; &amp;lt;param name=&quot;flashvars&quot; value=&quot;mp3=&lt;span style=&quot;color: red;&quot;&gt;https://sites.google.com/site/rodneysankinka2/monson1.mp3|https://sites.google.com/site/rodneysankinka2/monson2.mp3&lt;/span&gt;&amp;amp;amp;showtime=1&amp;amp;amp;randomplay=1&quot; /&amp;gt; &amp;lt;/object&amp;gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
7. Rendez-vous sur Blogger, puis sur “Mise en page” et là, cliquez sur “Ajouter un gadget” et choisissez “HTML/Javascript” afin de coller le code que vous avez généré et ainsi afficher un lecteur mp3 sur votre blog.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Vous pouvez aussi coller ledit code dans un article, si c’est seulement pour un article que vous voulez afficher le lecteur mp3. Dans ce cas, prenez soin de passer en mode “HTML” dans l’éditeur des messages avant de coller votre code ou encore sur l’onglet option (à droite), cochez sur “Interpréter le code html saisi”.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Pensez-vous que ça vous tente de &lt;b&gt;mettre un lecteur sur votre blog &lt;/b&gt;?&amp;nbsp;&lt;/div&gt;
</description><link>http://blogger-au-bout-du-doigt.blogspot.com/2013/01/comment-ajouter-lecteur-mp3-musique-blog.html</link><author>noreply@blogger.com (Rodney)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYGihGFjyLfe1HwL5_Q6bsDE63AsXdiSdVzPT66JOnn9lrV6yifUXbKTaO5ub2vtHTg0se7ri0XWZos1JcOHpWMXJpxUQgdMSgJCNDV6w54I26xNNQzcVvfz4O_vpnxhv2bMMxqTibj6qu/s72-c/lecteur+mp3+sur+votre+blog.png" height="72" width="72"/><thr:total>10</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2993308440503478290.post-2421799283228714122</guid><pubDate>Wed, 16 Jan 2013 08:41:00 +0000</pubDate><atom:updated>2013-01-16T10:49:56.189+01:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">astuces blogger</category><category domain="http://www.blogger.com/atom/ns#">Google sites</category><title>Comment héberger vos fichiers sur Google sites</title><description>&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Il existe plusieurs solutions pour héberger ses fichiers en ligne. Mais, beaucoup de ces solutions ne vous permettent pas ensuite d&#39;utiliser le lien direct du fichier hébergé pour l&#39;ajouter par exemple à un &lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2013/01/comment-ajouter-lecteur-mp3-musique-blog.html&quot;&gt;lecteur mp3&lt;/a&gt; qui jouera la musique sur votre blog.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Si je vais vous apprendre comment héberger vos fichiers sur Google sites, c&#39;est notamment parce que je compte vous montrer comment &lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2013/01/comment-ajouter-lecteur-mp3-musique-blog.html&quot;&gt;ajouter un lecteur mp3 à votre blog&lt;/a&gt; dans un prochain article.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Voici comment procéder pour héberger des fichiers sur Google sites.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
1. Rendez-vous sur &lt;a href=&quot;https://sites.google.com/?pli=1&quot; rel=&quot;nofollow&quot;&gt;Google sites&lt;/a&gt; et créez-y un site, si vous n&#39;en avez pas déjà un.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
2. Rendez-vous sur le site que vous venez de créer (ou que vous avez déjà) et cliquez sur le bouton &quot;plus&quot; (en haut à droite)&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
3. Cliquer sur &quot;Gérer le site&quot;.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3Usw53JIQQqtc0sxrzA479hM8SKAV6TEQ0IgkU1QjCE3KO_x0Hztj0k_yoq5IJM6-HkbGnjdQHzUq5KinI75lu-_Sg4FboFYf-oaIhCfRwvS0v4U7cFeZ60JVY1lvKZ77GDL1-0aPONkY/s1600/gerer-le-site-sur-google-site.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Gérer le site sur Google sites&quot; border=&quot;0&quot; height=&quot;406&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3Usw53JIQQqtc0sxrzA479hM8SKAV6TEQ0IgkU1QjCE3KO_x0Hztj0k_yoq5IJM6-HkbGnjdQHzUq5KinI75lu-_Sg4FboFYf-oaIhCfRwvS0v4U7cFeZ60JVY1lvKZ77GDL1-0aPONkY/s640/gerer-le-site-sur-google-site.png&quot; title=&quot;Gérer le site sur Google sites&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
4. Sur la colonne gauche de la nouvelle page, cliquez sur &quot;Pièces jointes&quot;.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrEdvQXe7VJXDJsCntf4ocdZdstuBzEJh6SIu00m8cyOll849VNgDps19i5r4Qg4Xk8k9YzM4RQG3JlhKwCGKwSpBj6CU5HeWkenRv8tedYzEjInQ6rFWBTHOkgM7XHfjwxGxW9WAYd7Rk/s1600/selectionner-pieces-jointes.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Afficher pièces jointes sur Google sites&quot; border=&quot;0&quot; height=&quot;242&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrEdvQXe7VJXDJsCntf4ocdZdstuBzEJh6SIu00m8cyOll849VNgDps19i5r4Qg4Xk8k9YzM4RQG3JlhKwCGKwSpBj6CU5HeWkenRv8tedYzEjInQ6rFWBTHOkgM7XHfjwxGxW9WAYd7Rk/s640/selectionner-pieces-jointes.png&quot; title=&quot;Afficher pièces jointes sur Google sites&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
5. Pour uploader vos fichiers, il vous suffira de cliquer sur le bouton &quot;Importer&quot;, de choisir dans votre ordinateur le fichier à importer, puis de laisser le temps à google sites de l&#39;importer.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr_BR-gdnCwNdWnr3kCRFTL00CExDphJhzlp2XUxWTt3k_KHNmNLwRtri_732a3gZpqtIsZy_gO9BMJtBhvTXSyDrYFWt38XgBE4TGBclzhNCsoRYT-m4J5FwDNpGB1qo6PpMF9pbg3Hth/s1600/importer-fichier-sur-google-site.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Importer fichiers sur Google sites&quot; border=&quot;0&quot; height=&quot;226&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr_BR-gdnCwNdWnr3kCRFTL00CExDphJhzlp2XUxWTt3k_KHNmNLwRtri_732a3gZpqtIsZy_gO9BMJtBhvTXSyDrYFWt38XgBE4TGBclzhNCsoRYT-m4J5FwDNpGB1qo6PpMF9pbg3Hth/s640/importer-fichier-sur-google-site.png&quot; title=&quot;Importer fichiers sur Google sites&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
6. Votre fichier ayant été importé, vous pouvez en récuperer le lien direct en faisant un clic droit sur l&#39;url &quot;Afficher&quot; qui se trouve juste en dessous du nom de votre fichier. Faites donc un clic droit puis cliquez sur &quot;Copier l&#39;adresse du lien&quot;.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Vous aurez quelque chose comme cette url :&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
https://sites.google.com/site/rodneysankinka2/user_red.png&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;?attredirects=0&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Effacez la partie &lt;b&gt;?attredirects=0&lt;/b&gt; afin qu&#39;aucune redirection ne soit faite et conservez l&#39;url dans un fichier texte pour une future utilisation.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Voilà, maintenant vous aussi vous savez &lt;b&gt;comment héberger vos fichiers sur Google sites&lt;/b&gt;.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
@+&lt;/div&gt;
</description><link>http://blogger-au-bout-du-doigt.blogspot.com/2013/01/comment-heberger-fichiers-google-sites.html</link><author>noreply@blogger.com (Rodney)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3Usw53JIQQqtc0sxrzA479hM8SKAV6TEQ0IgkU1QjCE3KO_x0Hztj0k_yoq5IJM6-HkbGnjdQHzUq5KinI75lu-_Sg4FboFYf-oaIhCfRwvS0v4U7cFeZ60JVY1lvKZ77GDL1-0aPONkY/s72-c/gerer-le-site-sur-google-site.png" height="72" width="72"/><thr:total>15</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2993308440503478290.post-2708998389722614709</guid><pubDate>Mon, 14 Jan 2013 16:17:00 +0000</pubDate><atom:updated>2013-01-15T00:05:25.192+01:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">blogger template à 3 colonnes</category><category domain="http://www.blogger.com/atom/ns#">blogger templates</category><category domain="http://www.blogger.com/atom/ns#">Les bases de Blogger</category><title>Comment changer de modèle - template - sur Blogger en 2013</title><description>&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Blogger a beaucoup fait évoluer les fonctionnalités présentes dans sa plateforme depuis les mois précédents. Parmi les modifications enregistrées, il y a notamment la méthode pour changer les templates des blogs.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Voici comment changer le modèle de votre blog sur Blogger en 2013.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
1. Connectez-vous à votre Tableau de Bord sur Blogger puis allez sur “Modèle” pour le blog dont vous voulez changer le modèle.&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfO1OgJ75m0vokZMyE81gNSZCmwEiypqxyBbeduUH5Mo4AqoULFUNNc4Rf-_DulVCHZRc9LL9t-QiuSxPnUUn2j01sgrvMG-GMz552kBWsmqGF7Q_gdDhBB8eXvkVVwWjhVCaPqXk0mjOQ/s1600/cliquer-sur-modele-tableau-de-bord-blogger.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Tableau de bord Blogger modèle&quot; border=&quot;0&quot; height=&quot;321&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfO1OgJ75m0vokZMyE81gNSZCmwEiypqxyBbeduUH5Mo4AqoULFUNNc4Rf-_DulVCHZRc9LL9t-QiuSxPnUUn2j01sgrvMG-GMz552kBWsmqGF7Q_gdDhBB8eXvkVVwWjhVCaPqXk0mjOQ/s640/cliquer-sur-modele-tableau-de-bord-blogger.png&quot; title=&quot;Tableau de bord Blogger modèle&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
2. Cliquer sur le bouton “Sauvegarder/Restaurer” qui se trouve en haut, à droite.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDlNaVO6I9IsHc6rSnQbDJR-JqyVhT-alioR-LVaBetucJd5X528axwRa7ieRDq_kRNn2FRBZANK89XukPC6L0KBp-x2X50pR0R2AJdQ_AjSkSL-Cf6JOAVx6eb565qFXzd171NSQhmuhG/s1600/sauvegarder+et+restaurer-modele-blogger.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;sauvergarder/restaurer modèle blogger&quot; border=&quot;0&quot; height=&quot;159&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDlNaVO6I9IsHc6rSnQbDJR-JqyVhT-alioR-LVaBetucJd5X528axwRa7ieRDq_kRNn2FRBZANK89XukPC6L0KBp-x2X50pR0R2AJdQ_AjSkSL-Cf6JOAVx6eb565qFXzd171NSQhmuhG/s640/sauvegarder+et+restaurer-modele-blogger.png&quot; title=&quot;sauvergarder/restaurer modèle blogger&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
3. Cliquez sur le bouton pour choisir le fichier afin de sélectionner le fichier .xml de votre modèle dans votre ordinateur&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPeZWQN_ZdirfOompZs3fPdVBY4tqUW1fj_us5QKipANGToXH34_t2F-gMHD2rtIyIrbZGEUUevl0qPdauKypx7BPW-gEtiburGkTGHyd53n1jtRjYxwNAmddzwu-gBN4ewhpQ1Rq3KJzL/s1600/choisir-fichier-modele-xml-telecharger-blogger.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;choisir fichier xml modele blogger et transférer&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPeZWQN_ZdirfOompZs3fPdVBY4tqUW1fj_us5QKipANGToXH34_t2F-gMHD2rtIyIrbZGEUUevl0qPdauKypx7BPW-gEtiburGkTGHyd53n1jtRjYxwNAmddzwu-gBN4ewhpQ1Rq3KJzL/s1600/choisir-fichier-modele-xml-telecharger-blogger.png&quot; title=&quot;choisir fichier xml modele blogger et transférer&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
4. Une fois sélectionné, cliquez sur “Transférer” afin d’installer le nouveau template à la place de l’ancien.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Si tout va bien, que votre modèle n’a aucune erreur, il sera installé en une minute. Il vous faudra ensuite allez voir si tous les gadgets sont à leur place, s’il n’y en pas qui sont allé s’incruster là où il ne &amp;nbsp;faut pas.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Comme vous pouvez le constater, la méthode pour &lt;b&gt;changer de modèle sur Blogger en 2013 &lt;/b&gt;est vraiment très simple.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
</description><link>http://blogger-au-bout-du-doigt.blogspot.com/2013/01/comment-changer-modele-son-blog-sur-blogger.html</link><author>noreply@blogger.com (Rodney)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfO1OgJ75m0vokZMyE81gNSZCmwEiypqxyBbeduUH5Mo4AqoULFUNNc4Rf-_DulVCHZRc9LL9t-QiuSxPnUUn2j01sgrvMG-GMz552kBWsmqGF7Q_gdDhBB8eXvkVVwWjhVCaPqXk0mjOQ/s72-c/cliquer-sur-modele-tableau-de-bord-blogger.png" height="72" width="72"/><thr:total>4</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2993308440503478290.post-9131323174502051371</guid><pubDate>Sun, 13 Jan 2013 07:06:00 +0000</pubDate><atom:updated>2014-02-01T04:44:39.069+01:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Augmentez votre trafic</category><category domain="http://www.blogger.com/atom/ns#">widget pour blogger</category><category domain="http://www.blogger.com/atom/ns#">widgets</category><title>Gadget pour afficher les articles en cours de lecture</title><description>&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Il existe plusieurs moyens qui permettent de garder pendant un bon moment les visiteurs sur votre blog, surtout ceux qui viennent des moteurs de recherches. Nous avons par exemple l’affichage, en fin d’articles, d’une liste d’autres articles de la même catégorie qui peuvent les intéresser ou encore l’affichage d’un &lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2013/01/gadget-messages-les-plus-consultes-multicolore-numeros.html&quot;&gt;gadget avec les messages les plus consultés&lt;/a&gt;.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Je vais ici vous proposer un autre gadget qui, si possible, incitera vos visiteurs à lire plus d’un article sur votre blog. Crée par &lt;a href=&quot;http://truebloggertricks.blogspot.com/2012/11/being-viewed-or-random-post-widget-like.html&quot; target=&quot;_blank&quot;&gt;Durai Shankar&lt;/a&gt;, ce gadget affichera les articles en cours de lecture sur votre blog ou les derniers qui ont été lus. Il a la particularité de mettre à jour automatiquement les images et les articles qui y sont affichés afin de présenter les articles qui sont en cours de lecture sur le blog.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq-ZOWRmgVtq6zVFDSOoo58clDkmqkDScRV7i8Gz-DtKp4P2yDAAWdTBlpRZZXe4pPJ-_q6b_i6BHLoTBB223xU-S9QFC69V4Z5EC1rAMNP9XNE2SFqdMuwXNoHv6GYtsIKfJPa7tLfvgj/s1600/gadget-pour-afficher-les-articles-en-cours-de-lecture.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Gadget pour afficher les articles en cours de lecture&quot; border=&quot;0&quot; height=&quot;320&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq-ZOWRmgVtq6zVFDSOoo58clDkmqkDScRV7i8Gz-DtKp4P2yDAAWdTBlpRZZXe4pPJ-_q6b_i6BHLoTBB223xU-S9QFC69V4Z5EC1rAMNP9XNE2SFqdMuwXNoHv6GYtsIKfJPa7tLfvgj/s320/gadget-pour-afficher-les-articles-en-cours-de-lecture.png&quot; title=&quot;Gadget pour afficher les articles en cours de lecture&quot; width=&quot;285&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Pour avoir ce gadget sur votre blog, il vous suffit de vous connecter à Blogger, d’aller sur “Mise en page”, puis de cliquer “Ajouter un gadget” et de choisir “HTML/Javascript”. Enfin, Collez le code que je vais vous donner dans la grande case (la deuxième) et donnez un titre à votre gadget dans la petite case (la première). Vous pouvez nommer ce gadget “Récemment lus”, “En cours de lecture”, etc.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Avant de vous donner le code, juste vous signaler que vous pouvez changer le nombre d’articles à afficher sur le gadget en changeant le chiffre à la fin de la ligne suivante dans le code.&amp;nbsp;&lt;/div&gt;
&lt;br /&gt;
var Max_Post_Display=&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;5&lt;/span&gt;&lt;/b&gt;;&lt;br /&gt;
&lt;br /&gt;
Bon, voici pour vous le code pour avoir le gadget qui affiche les articles en cours de lecture sur votre blog.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;style type=&quot;text/css&quot;&amp;gt;&amp;lt;!--&lt;br /&gt;
.recent_post_content_item {filter: alpha(opacity=80);opacity: 0.8;}&lt;br /&gt;
.recent_post_content img {width:48px;height:48px;background-position: center;margin:7px;padding: 2px;border:#888 solid thin;}&lt;br /&gt;
.recent_post_content_item table, .recent_post_content_item tr, .recent_post_content_item td {vertical-align: middle;}&lt;br /&gt;
.recent_post_content_item table {margin-bottom:2px;margin-top:3px;}&lt;br /&gt;
.recent_post_content_item:hover {filter: alpha(opacity=100);opacity: 1;}&lt;br /&gt;
.recent_post_title a{font-size:12px;text-decoration:none;font-weight:bold;color:inherit}&lt;br /&gt;
.recent_post_title a:hover{text-decoration:underline}&lt;br /&gt;
.recent_post_content_item .recent_post_info {filter: alpha(opacity=60);opacity: 0.6;font-size: 11px;}&lt;br /&gt;
--&amp;gt;&amp;lt;/style&amp;gt;&lt;br /&gt;
&amp;lt;script type=&quot;text/JavaScript&quot;&amp;gt;&lt;br /&gt;
&amp;lt;!--&lt;br /&gt;
//Setting_begin&lt;br /&gt;
var No_Thumb_Url=&#39;http://www.ezeego1.co.in/ezeego1.cms/static/images/noimage.jpg&#39;;&lt;br /&gt;
var Max_Post_Display=&lt;b style=&quot;background-color: white;&quot;&gt;&lt;span style=&quot;color: red;&quot;&gt;5&lt;/span&gt;&lt;/b&gt;;&lt;br /&gt;
var Sum_Len=&#39;0&#39;;&lt;br /&gt;
//Setting_end&lt;br /&gt;
//Define your language&lt;br /&gt;
var Lang_By = &#39;Par &#39;;&lt;br /&gt;
var Lang_comment = &#39; commentaire&#39;;&lt;br /&gt;
var Lang_comments = &#39; commentaires&#39;;&lt;br /&gt;
//For valid feed, not touch&lt;br /&gt;
var _0xc4c0=[&quot;\x75\x20\x46\x28\x4E\x2C\x48\x2C\x6F\x2C\x65\x2C\x4F\x29\x7B\x37\x20\x4A\x3D\x27\x27\x3B\x35\x28\x48\x21\x3D\x27\x27\x29\x4A\x3D\x27\x2F\x2D\x2F\x27\x2B\x48\x3B\x37\x20\x51\x3D\x27\x27\x3B\x35\x28\x6F\x21\x3D\x27\x27\x29\x51\x3D\x27\x6F\x2D\x31\x71\x3D\x27\x2B\x6F\x2B\x27\x26\x27\x3B\x37\x20\x4D\x3D\x27\x27\x3B\x35\x28\x65\x21\x3D\x27\x27\x29\x4D\x3D\x27\x65\x2D\x31\x74\x3D\x27\x2B\x65\x2B\x27\x26\x27\x3B\x31\x38\x2E\x31\x39\x28\x27\x3C\x55\x20\x4E\x3D\x22\x31\x70\x2F\x31\x6F\x22\x20\x50\x3D\x22\x2E\x2E\x2F\x2E\x2E\x2F\x31\x6E\x2F\x27\x2B\x4E\x2B\x27\x2F\x36\x27\x2B\x4A\x2B\x27\x3F\x27\x2B\x51\x2B\x4D\x2B\x27\x31\x72\x3D\x64\x2D\x63\x2D\x55\x26\x4F\x3D\x27\x2B\x4F\x2B\x27\x22\x3E\x3C\x5C\x2F\x55\x3E\x27\x29\x7D\x75\x20\x4B\x28\x64\x29\x7B\x37\x20\x31\x31\x3D\x2F\x3C\x5C\x53\x5B\x5E\x3E\x5D\x2A\x3E\x2F\x67\x3B\x32\x2E\x73\x3D\x41\x28\x64\x2E\x43\x2E\x49\x24\x31\x76\x2E\x24\x74\x29\x3B\x32\x2E\x6F\x3D\x41\x28\x64\x2E\x43\x2E\x49\x24\x31\x73\x2E\x24\x74\x29\x3B\x32\x2E\x44\x3D\x41\x28\x64\x2E\x43\x2E\x49\x24\x31\x75\x2E\x24\x74\x29\x3B\x32\x2E\x45\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x6B\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x62\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x36\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x79\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x71\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x42\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x72\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x76\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x38\x3D\x32\x2E\x73\x2D\x32\x2E\x6F\x2B\x31\x3B\x35\x28\x32\x2E\x38\x3E\x32\x2E\x44\x29\x32\x2E\x38\x3D\x32\x2E\x44\x3B\x54\x28\x37\x20\x69\x3D\x30\x3B\x69\x3C\x32\x2E\x38\x3B\x69\x2B\x2B\x29\x7B\x32\x2E\x79\x5B\x69\x5D\x3D\x27\x27\x3B\x32\x2E\x71\x5B\x69\x5D\x3D\x27\x23\x27\x3B\x32\x2E\x42\x5B\x69\x5D\x3D\x27\x27\x3B\x35\x28\x31\x32\x20\x31\x35\x21\x3D\x27\x31\x69\x27\x29\x32\x2E\x42\x5B\x69\x5D\x3D\x31\x35\x3B\x32\x2E\x45\x5B\x69\x5D\x3D\x27\x27\x3B\x32\x2E\x6B\x5B\x69\x5D\x3D\x27\x27\x3B\x32\x2E\x62\x5B\x69\x5D\x3D\x27\x23\x27\x3B\x32\x2E\x36\x5B\x69\x5D\x3D\x30\x3B\x32\x2E\x72\x5B\x69\x5D\x3D\x27\x27\x3B\x35\x28\x31\x32\x20\x31\x34\x21\x3D\x27\x31\x69\x27\x29\x32\x2E\x72\x5B\x69\x5D\x3D\x31\x34\x3B\x32\x2E\x76\x5B\x69\x5D\x3D\x27\x27\x3B\x37\x20\x34\x3D\x64\x2E\x43\x2E\x34\x5B\x69\x5D\x3B\x35\x28\x27\x31\x33\x27\x63\x20\x34\x29\x32\x2E\x45\x5B\x69\x5D\x3D\x34\x2E\x31\x33\x2E\x24\x74\x3B\x35\x28\x27\x6B\x27\x63\x20\x34\x29\x32\x2E\x6B\x5B\x69\x5D\x3D\x34\x2E\x6B\x2E\x24\x74\x3B\x35\x28\x27\x62\x27\x63\x20\x34\x29\x7B\x54\x28\x37\x20\x6A\x3D\x30\x3B\x6A\x3C\x34\x2E\x62\x2E\x47\x3B\x6A\x2B\x2B\x29\x7B\x35\x28\x34\x2E\x62\x5B\x6A\x5D\x2E\x31\x46\x3D\x3D\x27\x31\x4C\x27\x29\x7B\x32\x2E\x62\x5B\x69\x5D\x3D\x34\x2E\x62\x5B\x6A\x5D\x2E\x52\x3B\x31\x4E\x7D\x7D\x35\x28\x6A\x3D\x3D\x34\x2E\x62\x2E\x47\x29\x32\x2E\x62\x5B\x69\x5D\x3D\x27\x23\x27\x7D\x35\x28\x27\x36\x27\x63\x20\x34\x29\x32\x2E\x36\x5B\x69\x5D\x3D\x34\x2E\x36\x2E\x24\x74\x3B\x32\x2E\x36\x5B\x69\x5D\x3D\x32\x2E\x36\x5B\x69\x5D\x2E\x31\x49\x28\x31\x31\x2C\x27\x27\x29\x3B\x35\x28\x32\x2E\x36\x5B\x69\x5D\x2E\x47\x3E\x5A\x29\x7B\x32\x2E\x36\x5B\x69\x5D\x3D\x32\x2E\x36\x5B\x69\x5D\x2E\x31\x48\x28\x30\x2C\x5A\x29\x2B\x27\x2E\x2E\x2E\x27\x7D\x35\x28\x27\x6D\x27\x63\x20\x34\x29\x7B\x35\x28\x27\x56\x27\x63\x20\x34\x2E\x6D\x5B\x30\x5D\x29\x7B\x32\x2E\x79\x5B\x69\x5D\x3D\x34\x2E\x6D\x5B\x30\x5D\x2E\x56\x2E\x24\x74\x7D\x35\x28\x27\x71\x27\x63\x20\x34\x2E\x6D\x5B\x30\x5D\x29\x32\x2E\x71\x5B\x69\x5D\x3D\x34\x2E\x6D\x5B\x30\x5D\x2E\x71\x2E\x24\x74\x3B\x35\x28\x27\x57\x24\x59\x27\x63\x20\x34\x2E\x6D\x5B\x30\x5D\x29\x7B\x32\x2E\x42\x5B\x69\x5D\x3D\x34\x2E\x6D\x5B\x30\x5D\x2E\x57\x24\x59\x2E\x50\x7D\x7D\x35\x28\x27\x58\x24\x31\x37\x27\x63\x20\x34\x29\x32\x2E\x72\x5B\x69\x5D\x3D\x34\x2E\x58\x24\x31\x37\x2E\x31\x4A\x3B\x35\x28\x27\x31\x6B\x24\x73\x27\x63\x20\x34\x29\x32\x2E\x76\x5B\x69\x5D\x3D\x34\x2E\x31\x6B\x24\x73\x2E\x24\x74\x7D\x4C\x20\x32\x7D\x75\x20\x31\x63\x28\x38\x2C\x65\x29\x7B\x35\x28\x38\x3D\x3D\x65\x29\x7B\x4C\x20\x38\x7D\x37\x20\x78\x3D\x30\x3B\x37\x20\x6E\x3D\x30\x3B\x35\x28\x65\x3E\x38\x29\x7B\x6E\x3D\x65\x2D\x38\x3B\x78\x3D\x38\x7D\x31\x6D\x7B\x6E\x3D\x38\x2D\x65\x3B\x78\x3D\x65\x7D\x6E\x3D\x31\x67\x2E\x31\x4B\x28\x31\x67\x2E\x31\x77\x28\x29\x2A\x6E\x29\x3B\x4C\x28\x6E\x2B\x78\x29\x7D\x46\x28\x27\x31\x68\x27\x2C\x27\x27\x2C\x27\x27\x2C\x27\x30\x27\x2C\x27\x31\x65\x27\x29\x3B\x75\x20\x31\x65\x28\x64\x29\x7B\x31\x66\x3D\x4B\x28\x64\x29\x3B\x31\x64\x3D\x31\x66\x2E\x73\x3B\x70\x3D\x31\x64\x2D\x31\x6C\x3B\x35\x28\x70\x3C\x31\x29\x70\x3D\x31\x3B\x70\x3D\x31\x63\x28\x31\x2C\x70\x29\x3B\x46\x28\x27\x31\x68\x27\x2C\x27\x27\x2C\x27\x27\x2B\x70\x2B\x27\x27\x2C\x27\x27\x2B\x31\x6C\x2B\x27\x27\x2C\x27\x31\x6A\x27\x29\x7D\x75\x20\x31\x6A\x28\x64\x29\x7B\x37\x20\x39\x3D\x4B\x28\x64\x29\x3B\x37\x20\x33\x3D\x22\x22\x3B\x54\x28\x37\x20\x69\x3D\x30\x3B\x69\x3C\x39\x2E\x38\x3B\x69\x2B\x2B\x29\x7B\x33\x2B\x3D\x27\x3C\x6C\x20\x7A\x3D\x22\x31\x4D\x22\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x31\x30\x20\x31\x61\x3D\x22\x30\x25\x22\x20\x31\x47\x3D\x22\x30\x22\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x31\x62\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x77\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x61\x20\x52\x3D\x22\x27\x2B\x39\x2E\x62\x5B\x69\x5D\x2B\x27\x22\x20\x6B\x3D\x22\x27\x2B\x39\x2E\x36\x5B\x69\x5D\x2B\x27\x22\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x31\x7A\x20\x50\x3D\x22\x27\x2B\x39\x2E\x72\x5B\x69\x5D\x2B\x27\x22\x20\x31\x61\x3D\x22\x31\x36\x22\x20\x31\x79\x3D\x22\x31\x36\x22\x2F\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x61\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x77\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x77\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x6C\x20\x7A\x3D\x22\x31\x78\x22\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x61\x20\x52\x3D\x22\x27\x2B\x39\x2E\x62\x5B\x69\x5D\x2B\x27\x22\x20\x6B\x3D\x22\x27\x2B\x39\x2E\x36\x5B\x69\x5D\x2B\x27\x22\x3E\x27\x3B\x33\x2B\x3D\x39\x2E\x6B\x5B\x69\x5D\x3B\x33\x2B\x3D\x27\x3C\x2F\x61\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x6C\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x6C\x20\x7A\x3D\x22\x31\x41\x22\x3E\x27\x3B\x33\x2B\x3D\x28\x31\x42\x2B\x39\x2E\x79\x5B\x69\x5D\x2B\x27\x20\x2D\x20\x27\x2B\x39\x2E\x76\x5B\x69\x5D\x29\x3B\x35\x28\x41\x28\x39\x2E\x76\x5B\x69\x5D\x29\x3E\x31\x29\x7B\x33\x2B\x3D\x31\x45\x7D\x31\x6D\x7B\x33\x2B\x3D\x31\x44\x7D\x33\x2B\x3D\x27\x3C\x2F\x6C\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x77\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x31\x62\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x31\x30\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x6C\x3E\x27\x7D\x33\x3D\x27\x3C\x6C\x20\x7A\x3D\x22\x31\x43\x22\x3E\x27\x2B\x33\x2B\x27\x3C\x2F\x6C\x3E\x27\x3B\x31\x38\x2E\x31\x39\x28\x33\x29\x7D&quot;,&quot;\x7C&quot;,&quot;\x73\x70\x6C\x69\x74&quot;,&quot;\x7C\x7C\x74\x68\x69\x73\x7C\x73\x74\x72\x5F\x6F\x75\x74\x7C\x65\x6E\x74\x72\x79\x7C\x69\x66\x7C\x73\x75\x6D\x6D\x61\x72\x79\x7C\x76\x61\x72\x7C\x6D\x69\x6E\x7C\x52\x70\x6F\x73\x74\x7C\x7C\x6C\x69\x6E\x6B\x7C\x69\x6E\x7C\x6A\x73\x6F\x6E\x7C\x6D\x61\x78\x7C\x6E\x65\x77\x7C\x7C\x4F\x62\x6A\x65\x63\x74\x7C\x7C\x7C\x74\x69\x74\x6C\x65\x7C\x64\x69\x76\x7C\x61\x75\x74\x68\x6F\x72\x7C\x64\x69\x66\x66\x7C\x73\x74\x61\x72\x74\x7C\x6D\x69\x6E\x5F\x69\x6E\x64\x65\x78\x7C\x75\x72\x69\x7C\x74\x68\x75\x6D\x62\x7C\x74\x6F\x74\x61\x6C\x7C\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x63\x6D\x7C\x74\x64\x7C\x72\x6D\x69\x6E\x7C\x61\x75\x6E\x61\x6D\x65\x7C\x63\x6C\x61\x73\x73\x7C\x70\x61\x72\x73\x65\x49\x6E\x74\x7C\x61\x76\x61\x74\x61\x72\x7C\x66\x65\x65\x64\x7C\x69\x74\x65\x6D\x7C\x70\x75\x62\x7C\x46\x65\x65\x64\x5F\x43\x61\x6C\x6C\x7C\x6C\x65\x6E\x67\x74\x68\x7C\x6C\x61\x62\x65\x6C\x7C\x6F\x70\x65\x6E\x53\x65\x61\x72\x63\x68\x7C\x64\x69\x72\x7C\x46\x65\x65\x64\x5F\x50\x61\x72\x73\x65\x7C\x72\x65\x74\x75\x72\x6E\x7C\x6D\x61\x78\x5F\x72\x65\x73\x75\x6C\x74\x7C\x74\x79\x70\x65\x7C\x63\x61\x6C\x6C\x62\x61\x63\x6B\x7C\x73\x72\x63\x7C\x73\x74\x61\x72\x74\x5F\x69\x6E\x64\x65\x78\x7C\x68\x72\x65\x66\x7C\x7C\x66\x6F\x72\x7C\x73\x63\x72\x69\x70\x74\x7C\x6E\x61\x6D\x65\x7C\x67\x64\x7C\x6D\x65\x64\x69\x61\x7C\x69\x6D\x61\x67\x65\x7C\x53\x75\x6D\x5F\x4C\x65\x6E\x7C\x74\x61\x62\x6C\x65\x7C\x72\x65\x7C\x74\x79\x70\x65\x6F\x66\x7C\x70\x75\x62\x6C\x69\x73\x68\x65\x64\x7C\x4E\x6F\x5F\x54\x68\x75\x6D\x62\x5F\x55\x72\x6C\x7C\x4E\x6F\x5F\x41\x76\x61\x74\x61\x72\x5F\x55\x72\x6C\x7C\x33\x32\x70\x78\x7C\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x77\x72\x69\x74\x65\x7C\x77\x69\x64\x74\x68\x7C\x74\x72\x7C\x52\x61\x6E\x64\x6F\x6D\x7C\x54\x6F\x74\x61\x6C\x5F\x50\x6F\x73\x74\x7C\x47\x65\x74\x5F\x54\x6F\x74\x61\x6C\x5F\x50\x6F\x73\x74\x7C\x6A\x50\x6F\x73\x74\x7C\x4D\x61\x74\x68\x7C\x70\x6F\x73\x74\x73\x7C\x75\x6E\x64\x65\x66\x69\x6E\x65\x64\x7C\x52\x61\x6E\x64\x6F\x6D\x5F\x50\x6F\x73\x74\x5F\x53\x68\x6F\x77\x7C\x74\x68\x72\x7C\x4D\x61\x78\x5F\x50\x6F\x73\x74\x5F\x44\x69\x73\x70\x6C\x61\x79\x7C\x65\x6C\x73\x65\x7C\x66\x65\x65\x64\x73\x7C\x4A\x61\x76\x61\x53\x63\x72\x69\x70\x74\x7C\x74\x65\x78\x74\x7C\x69\x6E\x64\x65\x78\x7C\x61\x6C\x74\x7C\x73\x74\x61\x72\x74\x49\x6E\x64\x65\x78\x7C\x72\x65\x73\x75\x6C\x74\x73\x7C\x69\x74\x65\x6D\x73\x50\x65\x72\x50\x61\x67\x65\x7C\x74\x6F\x74\x61\x6C\x52\x65\x73\x75\x6C\x74\x73\x7C\x72\x61\x6E\x64\x6F\x6D\x7C\x72\x65\x63\x65\x6E\x74\x5F\x70\x6F\x73\x74\x5F\x74\x69\x74\x6C\x65\x7C\x68\x65\x69\x67\x68\x74\x7C\x69\x6D\x67\x7C\x72\x65\x63\x65\x6E\x74\x5F\x70\x6F\x73\x74\x5F\x69\x6E\x66\x6F\x7C\x4C\x61\x6E\x67\x5F\x42\x79\x7C\x72\x65\x63\x65\x6E\x74\x5F\x70\x6F\x73\x74\x5F\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x4C\x61\x6E\x67\x5F\x63\x6F\x6D\x6D\x65\x6E\x74\x7C\x4C\x61\x6E\x67\x5F\x63\x6F\x6D\x6D\x65\x6E\x74\x73\x7C\x72\x65\x6C\x7C\x62\x6F\x72\x64\x65\x72\x7C\x73\x75\x62\x73\x74\x72\x69\x6E\x67\x7C\x72\x65\x70\x6C\x61\x63\x65\x7C\x75\x72\x6C\x7C\x66\x6C\x6F\x6F\x72\x7C\x61\x6C\x74\x65\x72\x6E\x61\x74\x65\x7C\x72\x65\x63\x65\x6E\x74\x5F\x70\x6F\x73\x74\x5F\x63\x6F\x6E\x74\x65\x6E\x74\x5F\x69\x74\x65\x6D\x7C\x62\x72\x65\x61\x6B&quot;,&quot;&quot;,&quot;\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65&quot;,&quot;\x72\x65\x70\x6C\x61\x63\x65&quot;,&quot;\x5C\x77\x2B&quot;,&quot;\x5C\x62&quot;,&quot;\x67&quot;];eval(function (_0x5cedx1,_0x5cedx2,_0x5cedx3,_0x5cedx4,_0x5cedx5,_0x5cedx6){_0x5cedx5=function (_0x5cedx3){return (_0x5cedx3&amp;lt;_0x5cedx2?_0xc4c0[4]:_0x5cedx5(parseInt(_0x5cedx3/_0x5cedx2)))+((_0x5cedx3=_0x5cedx3%_0x5cedx2)&amp;gt;35?String[_0xc4c0[5]](_0x5cedx3+29):_0x5cedx3.toString(36));} ;if(!_0xc4c0[4][_0xc4c0[6]](/^/,String)){while(_0x5cedx3--){_0x5cedx6[_0x5cedx5(_0x5cedx3)]=_0x5cedx4[_0x5cedx3]||_0x5cedx5(_0x5cedx3);} ;_0x5cedx4=[function (_0x5cedx5){return _0x5cedx6[_0x5cedx5];} ];_0x5cedx5=function (){return _0xc4c0[7];} ;_0x5cedx3=1;} ;while(_0x5cedx3--){if(_0x5cedx4[_0x5cedx3]){_0x5cedx1=_0x5cedx1[_0xc4c0[6]]( new RegExp(_0xc4c0[8]+_0x5cedx5(_0x5cedx3)+_0xc4c0[8],_0xc4c0[9]),_0x5cedx4[_0x5cedx3]);} ;} ;return _0x5cedx1;} (_0xc4c0[0],62,112,_0xc4c0[3][_0xc4c0[2]](_0xc4c0[1]),0,{}));&lt;br /&gt;
--&amp;gt;&lt;br /&gt;
&amp;lt;/script&amp;gt;&amp;lt;script type=&quot;text/JavaScript&quot; src=&quot;../../feeds/posts/summary?max-results=0&amp;amp;amp;alt=json-in-script&amp;amp;amp;callback=Get_Total_Post&quot;&amp;gt;&amp;lt;/script&amp;gt;&amp;lt;script type=&quot;text/JavaScript&quot; src=&quot;../../feeds/posts/summary?start-index=50&amp;amp;amp;max-results=1&amp;amp;amp;alt=json-in-script&amp;amp;amp;callback=Random_Post_Show&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Que pensez-vous de ce gadget ? Allez-vous aussi afficher &lt;b&gt;les articles en cours de lecture sur votre blog&lt;/b&gt; ?</description><link>http://blogger-au-bout-du-doigt.blogspot.com/2013/01/gadget-affiche-articles-en-cours-de-lecture.html</link><author>noreply@blogger.com (Rodney)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq-ZOWRmgVtq6zVFDSOoo58clDkmqkDScRV7i8Gz-DtKp4P2yDAAWdTBlpRZZXe4pPJ-_q6b_i6BHLoTBB223xU-S9QFC69V4Z5EC1rAMNP9XNE2SFqdMuwXNoHv6GYtsIKfJPa7tLfvgj/s72-c/gadget-pour-afficher-les-articles-en-cours-de-lecture.png" height="72" width="72"/><thr:total>8</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2993308440503478290.post-4107360000104912754</guid><pubDate>Sat, 12 Jan 2013 03:50:00 +0000</pubDate><atom:updated>2014-02-01T04:44:38.985+01:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">widget pour blogger</category><category domain="http://www.blogger.com/atom/ns#">widgets</category><title>Gadget messages les plus consultés multicolore avec numéros</title><description>&lt;span style=&quot;text-align: justify;&quot;&gt;Besoin d’avoir un gadget «messages les plus consultés» &amp;nbsp;stylé ? Je crois avoir quelque chose pour vous. Le gadget pour «messages les plus consultés» &amp;nbsp;que je vais vous proposer ici a la particularité d’afficher une couleur différente pour les articles listés, avec en plus de cela un numéro à côté de chacun d’eux.&lt;/span&gt;&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTwCXBCwoHp3Y8K8S5LkzE675jgir8A3YupeLhdI4do1BOHMNWIkMYczCAbu0TKqorDaPemV3A0Kv5MrcJU7ptYCepC0j86mqKO2qY7JL-eFNzf2oweNIv7TYSpgCp0q59MNWoYa8_kuPU/s1600/gadget-messages-les-plus-consult%C3%A9s-multicolore-numerot%C3%A9.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Gadget messages les plus consultés multicolore avec numéros&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTwCXBCwoHp3Y8K8S5LkzE675jgir8A3YupeLhdI4do1BOHMNWIkMYczCAbu0TKqorDaPemV3A0Kv5MrcJU7ptYCepC0j86mqKO2qY7JL-eFNzf2oweNIv7TYSpgCp0q59MNWoYa8_kuPU/s1600/gadget-messages-les-plus-consult%C3%A9s-multicolore-numerot%C3%A9.png&quot; title=&quot;Gadget messages les plus consultés multicolore avec numéros&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Voici la démarche à suivre pour avoir un gadget «messages les plus consultés» multicolore et numéroté.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Avant de vous lancer dans l’opération que nous allons détailler ici bas, je vous conseille de commencer par ajouter un gadget «messages les plus consultés» dans votre blog, si ce n’est pas encore fait.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
1. Rendez-vous sur votre Tableau de bord Blogger &amp;gt;&amp;gt; Modifier le code HTML &amp;gt;&amp;gt; Copiez l’intégralité du code affiché et gardez en une copie dans un fichier txt (à utiliser juste au cas où il y a un problème).&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
2. Trouvez la partie suivante (faites CTRL+F et collez le texte ci-dessous afin de le trouver)&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
/* Variable definitions&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp;====================&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
3. Copiez le code suivant et collez-le juste après la bout que vous venez de trouver.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;lt;Variable name=&quot;PopularPosts.background.color1&quot; description=&quot;background color1&quot; type=&quot;color&quot; default=&quot;#fa4242&quot; value=&quot;#ff4c54&quot;/&amp;gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;lt;Variable name=&quot;PopularPosts.background.color2&quot; description=&quot;background color2&quot; type=&quot;color&quot; default=&quot;#ee6107&quot; value=&quot;#ff764c&quot;/&amp;gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;lt;Variable name=&quot;PopularPosts.background.color3&quot; description=&quot;background color3&quot; type=&quot;color&quot; default=&quot;#f0f&quot; value=&quot;#ffde4c&quot;/&amp;gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;lt;Variable name=&quot;PopularPosts.background.color4&quot; description=&quot;background color4&quot; type=&quot;color&quot; default=&quot;#ff0&quot; value=&quot;#c7f25f&quot;/&amp;gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;lt;Variable name=&quot;PopularPosts.background.color5&quot; description=&quot;background color5&quot; type=&quot;color&quot; default=&quot;#0ff&quot; value=&quot;#33c9f7&quot;/&amp;gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;lt;Variable name=&quot;PopularPosts.background.color6&quot; description=&quot;background color6&quot; type=&quot;color&quot; default=&quot;#ff0&quot; value=&quot;#7ee3c7&quot;/&amp;gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;lt;Variable name=&quot;PopularPosts.background.color7&quot; description=&quot;background color7&quot; type=&quot;color&quot; default=&quot;#ff0&quot; value=&quot;#f6993d&quot;/&amp;gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
4. Trouvez le bout code suivant :&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
]]&amp;gt;&amp;lt;/b:skin&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
5. Collez ces lignes css juste avant le code ci-haut :&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
#PopularPosts1 ul{margin:0;padding:5px 0;list-style-type:none}&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
#PopularPosts1 ul li{position:relative;margin:5px 0;border:0;padding:10px}&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
#PopularPosts1 ul li:first-child{background:$(PopularPosts.background.color1);width:90%}&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
#PopularPosts1 ul li:first-child:after{content:&quot;1&quot;}&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
#PopularPosts1 ul li:first-child + li{background:$(PopularPosts.background.color2);width:85%}&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
#PopularPosts1 ul li:first-child + li:after{content:&quot;2&quot;}&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
#PopularPosts1 ul li:first-child + li + li{background:$(PopularPosts.background.color3);width:80%}&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
#PopularPosts1 ul li:first-child + li + li:after{content:&quot;3&quot;}&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
#PopularPosts1 ul li:first-child + li + li + li{background:$(PopularPosts.background.color4);width:75%}&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
#PopularPosts1 ul li:first-child + li + li + li:after{content:&quot;4&quot;}&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
#PopularPosts1 ul li:first-child + li + li + li + li{background:$(PopularPosts.background.color5);width:70%}&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:&quot;5&quot;}&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
#PopularPosts1 ul li:first-child:after,#PopularPosts1 ul li:first-child + li:after,#PopularPosts1 ul li:first-child + li + li:after,#PopularPosts1 ul li:first-child + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li:after{position:absolute;top:20px;right:-15px;border-radius:50%;background:#353535;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:40px;height:40px}&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
#PopularPosts1 ul li a{font-size:12px;color:#444;text-decoration:none}&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
#PopularPosts1 ul li a:hover{color:#222;text-decoration:none}&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
6. Trouvez le code suivant, puis effacez-le.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;lt;b:widget id=&#39;PopularPosts1&#39; locked=&#39;false&#39; title=&#39;Messages les plus consultés&#39; type=&#39;PopularPosts&#39;/&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
7. Collez le code ci-dessous à l’endroit où était le gadget «messages les plus consultés» que vous venez d’effacer à l&#39;étape précédente.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;lt;b:widget id=&#39;PopularPosts1&#39; locked=&#39;false&#39; title=&#39;Messages les plus consultés&#39; type=&#39;PopularPosts&#39;&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;lt;b:includable id=&#39;main&#39;&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp;&amp;lt;b:if cond=&#39;data:title&#39;&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;lt;h2&amp;gt;&amp;lt;data:title/&amp;gt;&amp;lt;/h2&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp;&amp;lt;/b:if&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp;&amp;lt;div class=&#39;widget-content popular-posts&#39;&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;lt;ul&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;b:loop values=&#39;data:posts&#39; var=&#39;post&#39;&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;b:if cond=&#39;data:showThumbnails == &amp;amp;quot;false&amp;amp;quot;&#39;&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;b:if cond=&#39;data:showSnippets == &amp;amp;quot;false&amp;amp;quot;&#39;&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;a expr:href=&#39;data:post.href&#39; expr:title=&#39;data:post.title&#39; rel=&#39;bookmark&#39;&amp;gt;&amp;lt;data:post.title/&amp;gt;&amp;lt;/a&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;b:else/&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;a expr:href=&#39;data:post.href&#39; expr:title=&#39;data:post.snippet&#39; rel=&#39;bookmark&#39;&amp;gt;&amp;lt;data:post.title/&amp;gt;&amp;lt;/a&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/b:if&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;b:else/&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;b:if cond=&#39;data:showSnippets == &amp;amp;quot;false&amp;amp;quot;&#39;&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;b:if cond=&#39;data:post.thumbnail&#39;&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;img class=&#39;item-thumbnail&#39; expr:alt=&#39;data:post.title&#39; expr:src=&#39;data:post.thumbnail&#39;/&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;b:else/&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;img alt=&#39;no image&#39; class=&#39;item-thumbnail&#39; src=&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZXXsW62RG506EaOc4vlIJog7AsycEqqNvLSFujmmKzCLIRLEtvl6L1kLnD_qnOQXk-gbt8g0leQCLyGLx0vf3py85MpJt1vh1OR6pl7E4VmXyoWk-jZWdtyGU0SiNALhzNzJXrB4jwoY/s1600/default.jpg&#39;/&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;/b:if&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;a expr:href=&#39;data:post.href&#39; expr:title=&#39;data:post.title&#39; rel=&#39;bookmark&#39;&amp;gt;&amp;lt;data:post.title/&amp;gt;&amp;lt;/a&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;div class=&#39;clear&#39;/&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;b:else/&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;b:if cond=&#39;data:post.thumbnail&#39;&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;img class=&#39;item-thumbnail&#39; expr:alt=&#39;data:post.title&#39; expr:src=&#39;data:post.thumbnail&#39;/&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;b:else/&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;img alt=&#39;no image&#39; class=&#39;item-thumbnail&#39; src=&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZXXsW62RG506EaOc4vlIJog7AsycEqqNvLSFujmmKzCLIRLEtvl6L1kLnD_qnOQXk-gbt8g0leQCLyGLx0vf3py85MpJt1vh1OR6pl7E4VmXyoWk-jZWdtyGU0SiNALhzNzJXrB4jwoY/s1600/default.jpg&#39;/&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;/b:if&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;a expr:href=&#39;data:post.href&#39; expr:title=&#39;data:post.snippet&#39; rel=&#39;bookmark&#39;&amp;gt;&amp;lt;data:post.title/&amp;gt;&amp;lt;/a&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;div class=&#39;clear&#39;/&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/b:if&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;/b:if&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/li&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;/b:loop&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;lt;/ul&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp;&amp;lt;/div&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;lt;/b:includable&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;lt;/b:widget&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
8. Enregistrez votre modèle.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Et voilà ! Vous avez un nouveau gadget «messages les plus consultés» multicolore avec des numéros affichés pour chaque article listé.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Paramétrage du gadget&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
- Allez sur Mise en page &amp;gt;&amp;gt; Cliquez sur “modifier” pour le gadget «messages les plus consultés» et choisissez l’affichage de 5 articles puis enregistrez les modifications.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
- Vous pouvez facilement changer les couleurs du gadget en allant sur Modèle, &amp;gt;&amp;gt; Présentation &amp;gt;&amp;gt; Avancé et là, changez les couleurs pour background1, background2,&amp;nbsp;background3 ainsi de suite jusqu&#39;à background7..&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;http://www.bloggertrix.com/2012/07/how-to-add-multi-color-popular-posts.html&quot;&gt;Source&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
@+&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;br /&gt;</description><link>http://blogger-au-bout-du-doigt.blogspot.com/2013/01/gadget-messages-les-plus-consultes-multicolore-numeros.html</link><author>noreply@blogger.com (Rodney)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTwCXBCwoHp3Y8K8S5LkzE675jgir8A3YupeLhdI4do1BOHMNWIkMYczCAbu0TKqorDaPemV3A0Kv5MrcJU7ptYCepC0j86mqKO2qY7JL-eFNzf2oweNIv7TYSpgCp0q59MNWoYa8_kuPU/s72-c/gadget-messages-les-plus-consult%C3%A9s-multicolore-numerot%C3%A9.png" height="72" width="72"/><thr:total>14</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2993308440503478290.post-8525383098366119470</guid><pubDate>Thu, 06 Sep 2012 06:18:00 +0000</pubDate><atom:updated>2013-01-15T07:31:08.385+01:00</atom:updated><title>Blogger 101</title><description>&lt;h2&gt;
Seo de base pour Blogger&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2012/03/parametrer-les-preferences-de-recherche.html&quot;&gt;Paramétrer les préférences de recherche&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2010/01/referencement-naturel-choisir-vos-mots.html&quot;&gt;Référencement naturel&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2009/12/faites-connaitre-votre-blog-aux-moteurs.html&quot;&gt;Soumissions aux moteurs de recherche&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2009/11/generateur-sitemap-pour-google-yahoo-et.html&quot;&gt;Sitemaps Google, Yahoo et Bing&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2008/05/titre-article-seul-sur-la-barre-de.html&quot;&gt;Seo pour les titres d&#39;articles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2012/04/ajouter-les-attributs-title-et-alt-vos.html&quot;&gt;Attributs title et alt pour images&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2012/04/personnaliser-page-erreur-404.html&quot;&gt;Personnaliser la page 404&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2008/08/seo-pour-les-commentaires-sur-blogger.html&quot;&gt;Seo commentaires sur Blogger&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;
Look professionel&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2007/06/cacher-la-barre-de-navigation-sur.html&quot;&gt;Cacher la barre de navigation Blogger&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2012/04/importer-votre-favicon-personnalisee.html&quot;&gt;Favicon personnalisée&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2012/04/supprimer-le-gadget-fourni-par-blogger.html&quot;&gt;Supprimer le gadget attribution (fourni par Blogger)&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2007/12/effacer-inscription-publier-les.html&quot;&gt;Effacer &quot;Inscription à Atom&quot;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2007/12/effacer-le-message-de-la-page-libell.html&quot;&gt;Effacer le Message de statut sur Blogger&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2010/01/6-modeles-de-numerotation-de-page-pour.html&quot;&gt;6 modèles de numérotation des pages&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;
Gadget Indispensables&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2012/04/gadget-article-recommande-slide-out.html&quot;&gt;Articles recommandés (Slide out)&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2009/09/articles-similaires-avec-images.html&quot;&gt;Articles similaires Linkwithin&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2012/03/gadget-commentaires-recents-avec.html&quot;&gt;Commentaires récents avec Avatar&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2012/04/gadget-fans-sur-facebook-flottant-sur.html&quot;&gt;Fans sur Facebook flottant&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;
Créer et organiser sa newsletter Feedburner&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2008/02/intgrer-une-newsletter-avec-feedburner.html&quot;&gt;Créer une newsletter grâce à Feedburner&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2008/10/changer-modele-boite-newsletter.html&quot;&gt;Changer apparence boîte souscription Feedburner&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2008/06/lien-direct-vers-la-fenetre-de.html&quot;&gt;Lien direct fenêtre souscription Feedburner&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2008/11/mettre-un-logo-sa-newsletter-sur.html&quot;&gt;Mettre un logo à sa newsletter sur Feedburner&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2010/02/afficher-un-extrait-de-larticle-en.html&quot;&gt;Afficher seulement un extrait de l&#39;article à la Newsletter&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2012/04/afficher-pop-up-dabonnement-blogger.html&quot;&gt;Afficher pop-up abonnement&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2008/04/recuperer-abonnes-non-confirmes.html&quot;&gt;Récupérer abonnés non confirmés&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</description><link>http://blogger-au-bout-du-doigt.blogspot.com/2012/09/blogger-101.html</link><author>noreply@blogger.com (Rodney)</author><thr:total>1</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2993308440503478290.post-7908470675704550091</guid><pubDate>Mon, 07 May 2012 11:56:00 +0000</pubDate><atom:updated>2014-02-01T04:44:39.047+01:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Vidéos</category><category domain="http://www.blogger.com/atom/ns#">widget pour blogger</category><category domain="http://www.blogger.com/atom/ns#">widgets</category><title>Badge d&#39;abonnement à votre chaîne Youtube</title><description>&lt;div style=&quot;text-align: justify;&quot;&gt;
Vous avez posté un certains nombre des vidéos sur Youtube ? Vous voulez faire la promotion de votre chaîne Youtube sur votre Blog ? Voici pour vous un petit code pour avoir un badge d&#39;abonnement à votre chaîne Youtube sur blog.&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCTwayXhwnKmdBkqSyUn4s_AT51PJX99cN4Sz6YbHhpYCsngiV3B02TzdL3eOQvbmZsOgFvjjcPLh9uK015Uj9vw1lKna-5A-jciL_xzb55NCt2Tk6nIdjLMp0CyxRlSm-V43lMLZ0oa5j/s1600/badge+d&#39;abonnement+youtube.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;218&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCTwayXhwnKmdBkqSyUn4s_AT51PJX99cN4Sz6YbHhpYCsngiV3B02TzdL3eOQvbmZsOgFvjjcPLh9uK015Uj9vw1lKna-5A-jciL_xzb55NCt2Tk6nIdjLMp0CyxRlSm-V43lMLZ0oa5j/s320/badge+d&#39;abonnement+youtube.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;table&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;webkit-line-content&quot;&gt;&lt;span class=&quot;webkit-html-tag&quot;&gt;&amp;lt;iframe&amp;nbsp;&lt;span class=&quot;webkit-html-attribute-name&quot;&gt;class&lt;/span&gt;=&quot;&lt;span class=&quot;webkit-html-attribute-value&quot;&gt;youtube-frame&lt;/span&gt;&quot;&amp;nbsp;&lt;span class=&quot;webkit-html-attribute-name&quot;&gt;src&lt;/span&gt;=&quot;&lt;a class=&quot;webkit-html-attribute-value webkit-html-resource-link&quot; href=&quot;http://www.youtube.com/subscribe_widget?p=denharsh&quot; target=&quot;_blank&quot;&gt;http://www.youtube.com/subscribe_widget?p=&lt;/a&gt;&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;nomdutilisateur&lt;/span&gt;&lt;/b&gt;&quot;&amp;nbsp;&lt;span class=&quot;webkit-html-attribute-name&quot;&gt;scrolling&lt;/span&gt;=&quot;&lt;span class=&quot;webkit-html-attribute-value&quot;&gt;no&lt;/span&gt;&quot;&amp;nbsp;&lt;span class=&quot;webkit-html-attribute-name&quot;&gt;frameBorder&lt;/span&gt;=&quot;&lt;span class=&quot;webkit-html-attribute-value&quot;&gt;0&lt;/span&gt;&quot;&amp;gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;webkit-line-number&quot;&gt;&lt;/td&gt;&lt;td class=&quot;webkit-line-content&quot;&gt;&lt;span class=&quot;webkit-html-tag&quot;&gt;&amp;lt;/iframe&amp;gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
&lt;span style=&quot;text-align: justify;&quot;&gt;Ce code est à mettre dans un gadget HTML/Javascript en ayant soin de remplacer &lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;nomdutilisateur&lt;/span&gt;&lt;/b&gt; par votre nom d&#39;utilisateur. Il affichera le nom de votre chaîne Youtube, le nombre des vidéos postées ainsi que le nombre d&#39;abonnés. En plus de cela, il y a un bouton d&#39;abonnement qui permettra à vos lecteurs de pouvoir s&#39;abonner à votre chaîne.&lt;/span&gt;&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;iframe class=&quot;youtube-frame&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot; src=&quot;http://www.youtube.com/subscribe_widget?p=MARIEBO101&quot;&gt;&lt;/iframe&gt;

&lt;/div&gt;
&lt;table&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;webkit-line-content&quot;&gt;&lt;br /&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
Grâce à cet petit badge vous pouvez donc faire la publicité de votre chaîne Youtube sur votre blog et attirer des nouveaux abonnés.&lt;br /&gt;
&lt;br /&gt;</description><link>http://blogger-au-bout-du-doigt.blogspot.com/2012/05/badge-dabonnement-votre-chaine-youtube.html</link><author>noreply@blogger.com (Rodney)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCTwayXhwnKmdBkqSyUn4s_AT51PJX99cN4Sz6YbHhpYCsngiV3B02TzdL3eOQvbmZsOgFvjjcPLh9uK015Uj9vw1lKna-5A-jciL_xzb55NCt2Tk6nIdjLMp0CyxRlSm-V43lMLZ0oa5j/s72-c/badge+d&#39;abonnement+youtube.png" height="72" width="72"/><thr:total>18</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2993308440503478290.post-143507082330769442</guid><pubDate>Fri, 04 May 2012 15:04:00 +0000</pubDate><atom:updated>2014-02-01T04:44:38.925+01:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Scripts</category><category domain="http://www.blogger.com/atom/ns#">widget pour blogger</category><category domain="http://www.blogger.com/atom/ns#">widgets</category><title>Mettre votre blog en mode économie d&#39;énergie</title><description>&lt;div style=&quot;text-align: justify;&quot;&gt;
Saviez vous qu&#39;il est possible de mettre &lt;b&gt;votre blog en mode économie d&#39;énergie &lt;/b&gt;? Oui, oui, cela est très possible grâce à un script fournit par &lt;a href=&quot;http://www.onlineleaf.com/&quot;&gt;Onlineleaf&lt;/a&gt;.&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLjeG3mUmRjignunpMfrEXGKgj8OmqMcNSHzEwawmWu-79nKTbprk-k_iqlkgwFPrIRalTQlDa-6N5UY9H6gag93fWcr94lKRl6yFBVrpRxC2WyI0u7XVKResQro-uIFB77R75o5pgAoSp/s1600/blog+en+mode+d&#39;%C3%A9conomie+d&#39;%C3%A9nergie+onlineleaf.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Mettre votre blog en mode économie d&#39;énergie&quot; border=&quot;0&quot; height=&quot;360&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLjeG3mUmRjignunpMfrEXGKgj8OmqMcNSHzEwawmWu-79nKTbprk-k_iqlkgwFPrIRalTQlDa-6N5UY9H6gag93fWcr94lKRl6yFBVrpRxC2WyI0u7XVKResQro-uIFB77R75o5pgAoSp/s640/blog+en+mode+d&#39;%C3%A9conomie+d&#39;%C3%A9nergie+onlineleaf.png&quot; title=&quot;Mettre votre blog en mode économie d&#39;énergie&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;a href=&quot;http://www.onlineleaf.com/&quot; rel=&quot;nofollow&quot;&gt;Onlineleaf&lt;/a&gt; a conçu un&amp;nbsp;script &lt;a href=&quot;http://www.attentionalaterre.com/&quot;&gt;écolo&lt;/a&gt; qui permet de mettre votre blog en mode économie d&#39;énergie quand le visiteur qui est sur une page de celui-ci a passé un certain temps sans activité sur le blog (pas de défilement de la page, pas d&#39;écriture de commentaire, pas de mouvement de souris, passage à un autre onglet, etc.).&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Le script suivant, qui mettra votre blog en mode économie d&#39;énergie, est à mettre dans le modèle html de celui-ci, juste avant la balise&amp;nbsp;&amp;lt;/head&amp;gt;.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&amp;lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot; src=&quot;http://www.onlineleaf.com/savetheenvironment.js?lang=fr&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
N&#39;oubliez pas d&#39;enregistrer votre modèle.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Maintenant, vous aussi vous savez comment mettre votre blog en mode économie d&#39;énergie.&lt;/div&gt;
&lt;br /&gt;
@+</description><link>http://blogger-au-bout-du-doigt.blogspot.com/2012/05/mettre-blog-mode-economie-energie.html</link><author>noreply@blogger.com (Rodney)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLjeG3mUmRjignunpMfrEXGKgj8OmqMcNSHzEwawmWu-79nKTbprk-k_iqlkgwFPrIRalTQlDa-6N5UY9H6gag93fWcr94lKRl6yFBVrpRxC2WyI0u7XVKResQro-uIFB77R75o5pgAoSp/s72-c/blog+en+mode+d&#39;%C3%A9conomie+d&#39;%C3%A9nergie+onlineleaf.png" height="72" width="72"/><thr:total>7</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2993308440503478290.post-6012726952431094193</guid><pubDate>Thu, 03 May 2012 04:35:00 +0000</pubDate><atom:updated>2014-02-01T04:44:39.016+01:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">astuces blogger</category><category domain="http://www.blogger.com/atom/ns#">widget pour blogger</category><category domain="http://www.blogger.com/atom/ns#">widgets</category><title>Ajouter un lecteur mp3 sur Blogger</title><description>&lt;div style=&quot;text-align: justify;&quot;&gt;
Ajouter un lecteur mp3 sur son blog hébergé par Blogger afin de faire écouter ses musiques favorites ou une émission à ses lecteurs est peut être l&#39;une des choses que souhaitent beaucoup des blogueurs. C&#39;est pourquoi je voudrais vous montrer ici un moyen très simple pour installer (ajouter) un lecteur mp3 sur blogger.&lt;br /&gt;
&lt;br /&gt;
LE SITE MIXPOD AYANT NETANT PLUS ACTIF VEUILLEZ VOUS RENDREZ SUR CET ARTICLE POUR VOIR &lt;b&gt;&lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2013/01/comment-ajouter-lecteur-mp3-musique-blog.html&quot;&gt;COMMENT METTRE UN LECTEUR MP3 SUR VOTRE BLOG&lt;/a&gt;&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;center&gt;
&lt;embed bgcolor=&quot;222222&quot; border=&quot;0&quot; flashvars=&quot;mycolor=222222&amp;amp;mycolor2=77ADD1&amp;amp;mycolor3=FFFFFF&amp;amp;autoplay=false&amp;amp;rand=0&amp;amp;f=4&amp;amp;vol=100&amp;amp;pat=0&amp;amp;grad=false&quot; height=&quot;311&quot; name=&quot;myflashfetish&quot; pluginspage=&quot;http://www.macromedia.com/go/getflashplayer&quot; quality=&quot;high&quot; salign=&quot;TL&quot; src=&quot;http://assets.mixpod.com/swf/mp3/mixpod.swf?myid=88742809&amp;amp;path=2012/05/02&quot; style=&quot;height: 311px; visibility: visible; width: 410px;&quot; type=&quot;application/x-shockwave-flash&quot; width=&quot;410&quot; wmode=&quot;window&quot;&gt;&lt;/embed&gt;&lt;br /&gt;&lt;a href=&quot;http://www.mixpod.com/playlist/88742809&quot;&gt;&lt;img alt=&quot;Music&quot; border=&quot;0&quot; src=&quot;http://assets.mixpod.com/images/btn2-tracks.gif&quot; title=&quot;Get Music Tracks!&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;http://www.mixpod.com/&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;Playlist&quot; border=&quot;0&quot; src=&quot;http://assets.mixpod.com/images/btn2-create.gif&quot; title=&quot;Create Your Free Playlist!&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;http://www.mixpod.com/user/23723932&quot;&gt;&lt;img alt=&quot;View Profile&quot; border=&quot;0&quot; src=&quot;http://assets.mixpod.com/images/btn2-profile.gif&quot; title=&quot;View all my playlists!&quot; /&gt;&lt;/a&gt;&lt;br /&gt;Create a &lt;a href=&quot;http://mixpod.com/&quot;&gt;playlist&lt;/a&gt; at &lt;a href=&quot;http://mixpod.com/&quot;&gt;MixPod.com&lt;/a&gt;&lt;/center&gt;
&lt;br /&gt;
&lt;br /&gt;
Voici les étapes à suivre pour avoir un lecteur mp3 sur votre blog et faire écouter de la musique ou une émission à vos lecteurs :&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
1. Créer un compte chez &lt;a href=&quot;http://www.mixpod.com/&quot; rel=&quot;nofollow&quot;&gt;Mixpod&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
2. Le compte étant créer, aller sur &quot;Create a playlist&quot; (1). Là vous avez la possibilité de rechercher les chansons que vous voulez ajouter à votre lecteur mp3 grâce à une barre de recherche très efficace (2). Il vous suffira ensuite de cliquer sur le &quot;+&quot; à côté des titres que vous voulez ajouter (3) pour que ceux-ci soient intégrés à votre lecteur mp3.&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilQdPc8BVl0ehEBTvsx5cY-kmjduJ9ohAeEwuA-udgwwVIN6YCZuNWvW7GDws1c_hyphenhyphenw8ZQy7_OWD0OWS2OmNjFrhg7r6VF4kHRJp7_bgJvyOZ8_WhKt27HJ4PoQh6OxKFl1CL9uTN6Du9o/s1600/ajouter+un+lecteur+mp3+sur+blogger+grace+%C3%A0+mixpod.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;ajouter un lecteur mp3 sur Blogger&quot; border=&quot;0&quot; height=&quot;330&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilQdPc8BVl0ehEBTvsx5cY-kmjduJ9ohAeEwuA-udgwwVIN6YCZuNWvW7GDws1c_hyphenhyphenw8ZQy7_OWD0OWS2OmNjFrhg7r6VF4kHRJp7_bgJvyOZ8_WhKt27HJ4PoQh6OxKFl1CL9uTN6Du9o/s640/ajouter+un+lecteur+mp3+sur+blogger+grace+%C3%A0+mixpod.png&quot; title=&quot;ajouter un lecteur mp3 sur Blogger&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
3. Quand vous aurez fini d&#39;ajouter les titres que vous souhaitez à votre lecteur mp3, vous pouvez en changer l&#39;apparence en allant sur &quot;Customize&quot; (4).&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuuOkfadua3YKDWnLjHGX983KOMBPwWDQ0Poz_TLHlRlS2Sy8URJgZJdhExHbfxPdELc3dMdET_dgGppC3_ZDCqAmaNNDiMbQ74ZjUNaXok5TWCXLdwddDr-zNxAN6oWisev0uNlsHC7Sh/s1600/changer+apparence+lecteur+mp3+mixpod.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;installer un lecteur mp3 sur Blogger&quot; border=&quot;0&quot; height=&quot;318&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuuOkfadua3YKDWnLjHGX983KOMBPwWDQ0Poz_TLHlRlS2Sy8URJgZJdhExHbfxPdELc3dMdET_dgGppC3_ZDCqAmaNNDiMbQ74ZjUNaXok5TWCXLdwddDr-zNxAN6oWisev0uNlsHC7Sh/s640/changer+apparence+lecteur+mp3+mixpod.png&quot; title=&quot;installer un lecteur mp3 sur Blogger&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Vous pouvez notamment changer l&#39;apparence (skin), les couleurs et styles (colors &amp;amp; styles) ainsi que les paramètres.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
4. Allez ensuite sur &quot;Save Playlist&quot; (5) et nommez la playlist &amp;nbsp;de votre lecteur mp3 (6), donnez-la une description (7), choisissez le genre pour la musique que vous avez ajouté (8), choisissez une catégorie (9) et sauvegardez pour avoir le code (10).&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw4AxQySX9OiyKX3R6JjbQHT63ZFv6QXP4pNSmndFgalGY0gFJE9MGloGlnAkI8ZnOPA4PDRdxOyp5DhQ0WUOtSmEyy-DS9LXGMxDg1Or8IIAZJtKjV-Xi6ESOHwziNahjfckk2B_vub05/s1600/installer+lecteur+mp3+sur+blogger.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;354&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw4AxQySX9OiyKX3R6JjbQHT63ZFv6QXP4pNSmndFgalGY0gFJE9MGloGlnAkI8ZnOPA4PDRdxOyp5DhQ0WUOtSmEyy-DS9LXGMxDg1Or8IIAZJtKjV-Xi6ESOHwziNahjfckk2B_vub05/s640/installer+lecteur+mp3+sur+blogger.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;span style=&quot;text-align: -webkit-auto;&quot;&gt;Notez que vous pouvez aussi ajouter des mots clés à votre playlist (Playlist tags).&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;span style=&quot;text-align: -webkit-auto;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;span style=&quot;text-align: -webkit-auto;&quot;&gt;5. Sur la nouvelle page qui va s&#39;afficher après avoir sauvegardé les paramètres et la playlist de votre lecteur mp3, vous aurez la possibilité de choisir la plateforme où sera posté ledit lecteur mp3. Cliquez sur Blogger (11) et copiez le code html qui va s&#39;afficher (12).&lt;/span&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoBYISyqsS14kzz95e8ZrHwvwQQOGQLkdqur0fK5rXHhybomnpiaQmP8MlyzQMFk6XyMd7TN7XE9KK24Y_xKB9O6XbNDfvUkVMgGmd70mCvMkf3YP8gsG72CMxgnQONkNE5tuvo5yBfUNe/s1600/copier+le+code+html+lecteur+mp3+blogger.png&quot; imageanchor=&quot;1&quot;&gt;&lt;img alt=&quot;copier code html lecteur mp3 pour Blogger&quot; border=&quot;0&quot; height=&quot;438&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoBYISyqsS14kzz95e8ZrHwvwQQOGQLkdqur0fK5rXHhybomnpiaQmP8MlyzQMFk6XyMd7TN7XE9KK24Y_xKB9O6XbNDfvUkVMgGmd70mCvMkf3YP8gsG72CMxgnQONkNE5tuvo5yBfUNe/s1600/copier+le+code+html+lecteur+mp3+blogger.png&quot; title=&quot;copier code html lecteur mp3 pour Blogger&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
6. Le code de votre lecteur mp3 pourra être installé dans un article ou dans un gadget HTML/Javascript.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
C&#39;est tout, grâce à ces simples étapes, vous aussi pouvez installer un lecteur mp3 sur votre blog hébergé par Blogger.&lt;/div&gt;
&lt;br /&gt;
@+</description><link>http://blogger-au-bout-du-doigt.blogspot.com/2012/05/lecteur-mp3-sur-blogger-musique.html</link><author>noreply@blogger.com (Rodney)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilQdPc8BVl0ehEBTvsx5cY-kmjduJ9ohAeEwuA-udgwwVIN6YCZuNWvW7GDws1c_hyphenhyphenw8ZQy7_OWD0OWS2OmNjFrhg7r6VF4kHRJp7_bgJvyOZ8_WhKt27HJ4PoQh6OxKFl1CL9uTN6Du9o/s72-c/ajouter+un+lecteur+mp3+sur+blogger+grace+%C3%A0+mixpod.png" height="72" width="72"/><thr:total>10</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2993308440503478290.post-5749693995874311361</guid><pubDate>Sun, 29 Apr 2012 23:58:00 +0000</pubDate><atom:updated>2012-04-30T00:59:41.190+01:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">astuces blogger</category><category domain="http://www.blogger.com/atom/ns#">référencement</category><category domain="http://www.blogger.com/atom/ns#">référencement naturel</category><category domain="http://www.blogger.com/atom/ns#">Seo</category><title>Personnaliser la page &quot;erreur 404 page introuvable&quot; sur Blogger</title><description>&lt;div style=&quot;text-align: justify;&quot;&gt;
Dans un précédent article, nous avions vu que Blogger nous offre maintenant la possibilité de &lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2012/03/parametrer-les-preferences-de-recherche.html&quot;&gt;paramétrer les préférences de recherche pour nos blogs&lt;/a&gt;. Parmi ces paramètres, nous avons la possibilité de&lt;b&gt; personnaliser la page &quot;Erreur 404 page introuvable&quot;&lt;/b&gt;.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtpH2UFSWHIy138Lct8lHK2fnD-YRSeKFGz7tEML8nd-bWZ0K2zl8X3AAHziokJ-hs54riMi_3lrAWBBosO0Cf8S3QjnLC1w81ovlHg2nYnT7tzVZnFEin0gPwrDm3yAJz4IUYKuXIVV6M/s1600/page+erreur+404+introuvable+personnalis%C3%A9e+de+Blogger+au+bout+du+doigt.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;personnaliser la page erreur 404 page introuvable sur blogger&quot; border=&quot;0&quot; height=&quot;348&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtpH2UFSWHIy138Lct8lHK2fnD-YRSeKFGz7tEML8nd-bWZ0K2zl8X3AAHziokJ-hs54riMi_3lrAWBBosO0Cf8S3QjnLC1w81ovlHg2nYnT7tzVZnFEin0gPwrDm3yAJz4IUYKuXIVV6M/s640/page+erreur+404+introuvable+personnalis%C3%A9e+de+Blogger+au+bout+du+doigt.png&quot; title=&quot;personnaliser la page erreur 404 page introuvable sur blogger&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;center&gt;&lt;/center&gt;
&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
J&#39;aimerais donc ici vous proposer quelques astuces et conseils pour personnaliser, d&#39;une manière efficace et agréable, les pages &quot;Erreur 404 page introuvable&quot; sur lesquelles les visiteurs de votre blog peuvent tomber.&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h2&gt;




1. Définition page&amp;nbsp;&amp;nbsp;&quot;Erreur 404 page introuvable&quot;&lt;/h2&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
C&#39;est quoi l&#39;Erreur 404 et quand est-ce que la fameuse page&amp;nbsp;&quot;Erreur 404 page introuvable&quot;&amp;nbsp;peut-elle s&#39;afficher sur votre blog ?&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Sur &lt;a href=&quot;http://fr.wikipedia.org/wiki/Erreur_HTTP_404&quot; rel=&quot;nofollow&quot;&gt;Wikipédia&lt;/a&gt;, on apprend que &quot;L’erreur 404 est un code d’erreur dans le protocole HTTP1. Ce code est renvoyé par un serveur HTTP pour indiquer que la ressource demandée (généralement une page web) n’existe pas. Certains navigateurs web affichent alors le message « 404 File Not Found » (de l’anglais signifiant « fichier non trouvé ») à destination de l’internaute.&quot;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Un visiteur de votre blog peut tomber sur une page du type&amp;nbsp;« 404 File Not Found » s&#39;il a mal saisi l&#39;url de la page à laquelle il voulait accéder sur la barre d&#39;adresse de son navigateur, si l&#39;article qu&#39;il voulait lire avait été effacé par vous, s&#39;il y a eu erreur d&#39;url d&#39;un site tiers ayant établi un lien vers le votre ou encore si vous même avez mal écrit l&#39;url de l&#39;article de votre blog auquel vous faites référence.&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h2&gt;




2. Personnalisation de base de la &amp;nbsp;page&amp;nbsp;&quot;Erreur 404 page introuvable&quot; sur Blogger&lt;/h2&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Vous pouvez personnaliser la page &quot;Erreur 404 page introuvable&quot;, en vous&amp;nbsp;connectant sur votre compte Blogger et en allant sur &quot;Paramètres&quot;, puis sur &quot;Préférences de recherche&quot;.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;div align=&quot;justify&quot; style=&quot;background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDyypz7RcKkZ61T4YAILW1JIkhU65eqHpeTszYzfgq_POQAxFaMZmI7aeMJS0Fsfjd9so8wcn2ElqvY7mP7lI5Y_y5OKXmC3rSdrYHxqwrVDWom6GhvqhWX8ETfEineuWkgd0_wpZd4WnD/?imgmax=800&quot; style=&quot;color: #0a7fc6; text-decoration: none;&quot;&gt;&lt;img alt=&quot;préférences de recherches sur blogger blogspot&quot; border=&quot;0&quot; height=&quot;230&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhStv7jFERgiqzhI4z0TtNyT5P2e5Z5lVLB84deYUF1TVxOCxak6oocPgT2PUZdIo4fW1I29TWpBd0u1uHXCizp4ZSlqFD9m9O29VcyjgzkKYuRPybiPUSl1tjLI1qaiuFarivf2kSPaZcN/?imgmax=800&quot; style=&quot;background-image: none; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-left-color: initial; border-left-style: initial; border-left-width: 0px; border-right-color: initial; border-right-style: initial; border-right-width: 0px; border-top-color: initial; border-top-style: initial; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; title=&quot;préférences de recherches sur blogger blogspot&quot; width=&quot;203&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div align=&quot;justify&quot; style=&quot;background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
En cliquant sur &quot;Préférences de recherche&quot;, dans la deuxième section il est proposé de paramétrer les &quot;Erreurs et&amp;nbsp;redirections&quot;. Cliquez sur &quot;Modifier&quot; pour &quot;Page introuvable personnalisée&quot;.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6mZld7uyUkstYeuQhdMC6RGKu-Fn1z8ZHwB-KTGESl8wK1UvgzKJcZNHDOe4rXse7J7q0c92VX05GjVk_Ii5Xx0XLkcLqgTyzUl9lRwO9VxLBJE8ZkqDVReVLKdDM7RE0agyprusi9y8Y/s1600/personnaliser+la+page+404+page+introuvable+sur+blogger.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;192&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6mZld7uyUkstYeuQhdMC6RGKu-Fn1z8ZHwB-KTGESl8wK1UvgzKJcZNHDOe4rXse7J7q0c92VX05GjVk_Ii5Xx0XLkcLqgTyzUl9lRwO9VxLBJE8ZkqDVReVLKdDM7RE0agyprusi9y8Y/s640/personnaliser+la+page+404+page+introuvable+sur+blogger.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
C&#39;est dans la case qui va s&#39;afficher que vous pourrez mettre votre message aux visiteurs qui tombent sur les pages 404. Vous pouvez même intégrer du html et des images pour rendre la page introuvable agréable et non frustrante pour les visiteurs.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMbrdEKKrOKCLspaVI-qs5pxC8qallHbsAEKcwx3uXy0L_q2NCTQlZwSO7nSIt4P_Dc8UWiaZa9UTmvE1qfI8kb7RV55F2ChvwrsDBQOXVXQYf84X8EK4SueSvFJ93KYKrsv6wGe1OEUT8/s1600/personnaliser+404+page+introuvable+sur+blogger+param%C3%A8tres.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;251&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMbrdEKKrOKCLspaVI-qs5pxC8qallHbsAEKcwx3uXy0L_q2NCTQlZwSO7nSIt4P_Dc8UWiaZa9UTmvE1qfI8kb7RV55F2ChvwrsDBQOXVXQYf84X8EK4SueSvFJ93KYKrsv6wGe1OEUT8/s640/personnaliser+404+page+introuvable+sur+blogger+param%C3%A8tres.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;h2&gt;




3. Bonnes pratiques pour aménager la page 404&lt;/h2&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Sur le site Atelier Informatique, Jean baptiste nous donne ces &lt;a href=&quot;http://www.atelier-informatique.org/creation-de-site/la-page-404-a-optimiser-pour-profiter-de-lerreur/1359/&quot;&gt;5 conseils pour optimiser la page 404 et profiter de l&#39;erreur&lt;/a&gt; :&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&lt;b&gt;1. Une page 404 devrait reprendre le design de votre site internet&lt;/b&gt; &lt;/span&gt;: En personnalisant cette page dans les paramètres Blogger, vous êtes déjà sûr que cette page va reprendre le design de votre blog&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;2. Permettre une recherche :&lt;/span&gt;&lt;/b&gt;&amp;nbsp;Grâce à une barre de recherche intégrée à cette page.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;3. Donner à vos lecteurs des liens et des conseils utiles&lt;/span&gt;&lt;/b&gt; : &lt;span style=&quot;color: #783f04;&quot;&gt;si la page n’existe plus, il peut être opportun de donner à vos lecteurs des liens vers les grands thèmes de votre site, &amp;nbsp;mettre en avant les pages populaires de votre site.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;4. Donner la possibilité à vos lecteurs de vous remonter l’information&lt;/span&gt;&lt;/b&gt; :&lt;span style=&quot;color: #783f04;&quot;&gt; un petit formulaire est une bonne approche (signaler un lien mort par exemple). On fait passer le lecteur d’un mode passif où il subit à un mode actif où il vous informe.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
Vous pouvez créer &lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2007/06/votre-propre-formulaire-de-contact-sur.html&quot;&gt;un formulaire de contact pour votre blog grâce à Contactify&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&lt;b&gt;5. Présenter vos excuses, traiter ce problème avec humour&lt;/b&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;




4. Personnalisation avancée de la page introuvable&lt;/h2&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Maintenant que nous savons ce qu&#39;est ce une erreur 404, les raisons qui font qu&#39;une page 404 s&#39;affiche sur votre blog, les étapes de base à suivre pour personnaliser la page introuvable sur Blogger ainsi que les bonnes pratiques pour aménager ladite page, voyons quelques astuces pour une personnalisation plus avancée de cette fameuse page.&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h4&gt;




A. Donner un titre à la page 404&lt;/h4&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Vous pouvez personnaliser le titre de la page 404 introuvable de votre blog, en ajoutant la balise suivante dans le code html de votre blog, &amp;nbsp;juste après la balise&amp;nbsp;&amp;nbsp;&amp;lt;head&amp;gt; (5ème ligne au début du code html du modèle de votre blog)&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;pre class=&quot;code&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: #f5f8fa; background-image: initial; background-origin: initial; border-bottom-color: rgb(215, 232, 240); border-bottom-style: solid; border-bottom-width: 2px; border-image: initial; border-left-color: rgb(215, 232, 240); border-left-style: solid; border-left-width: 2px; border-right-color: rgb(215, 232, 240); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(215, 232, 240); border-top-style: solid; border-top-width: 2px; color: blue; font-family: &#39;Courier New&#39;, Courier, Fixed; font-size: small; margin-bottom: 10px; margin-top: 10px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; text-align: left;&quot;&gt;&amp;lt;b:if cond=&#39;data:blog.pageType == &quot;error_page&quot;&#39;&amp;gt;
&amp;lt;title&amp;gt;Page non trouvée&amp;lt;/title&amp;gt;
&amp;lt;/b:if&amp;gt;&lt;/pre&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Vous pouvez carrément remplacer la ligne suivante :&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;pre class=&quot;code&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: #f5f8fa; background-image: initial; background-origin: initial; border-bottom-color: rgb(215, 232, 240); border-bottom-style: solid; border-bottom-width: 2px; border-image: initial; border-left-color: rgb(215, 232, 240); border-left-style: solid; border-left-width: 2px; border-right-color: rgb(215, 232, 240); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(215, 232, 240); border-top-style: solid; border-top-width: 2px; color: blue; font-family: &#39;Courier New&#39;, Courier, Fixed; font-size: small; margin-bottom: 10px; margin-top: 10px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; text-align: left;&quot;&gt;&amp;lt;title&amp;gt;&amp;lt;data:blog.pageTitle/&amp;gt;&amp;lt;/title&amp;gt;&lt;/pre&gt;
&lt;span style=&quot;text-align: justify;&quot;&gt;par le code ci-après :&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;pre class=&quot;code&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: #f5f8fa; background-image: initial; background-origin: initial; border-bottom-color: rgb(215, 232, 240); border-bottom-style: solid; border-bottom-width: 2px; border-image: initial; border-left-color: rgb(215, 232, 240); border-left-style: solid; border-left-width: 2px; border-right-color: rgb(215, 232, 240); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(215, 232, 240); border-top-style: solid; border-top-width: 2px; color: blue; font-family: &#39;Courier New&#39;, Courier, Fixed; font-size: small; margin-bottom: 10px; margin-top: 10px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; text-align: left;&quot;&gt;&amp;lt;b:if cond=&#39;data:blog.pageType == &quot;error_page&quot;&#39;&amp;gt;
&amp;lt;title&amp;gt;Page non trouvée&amp;lt;/title&amp;gt;
&amp;lt;b:else/&amp;gt;
&amp;lt;title&amp;gt;&amp;lt;data:blog.pageTitle/&amp;gt;&amp;lt;/title&amp;gt;
&amp;lt;/b:if&amp;gt;&lt;/pre&gt;
&lt;br /&gt;
&lt;h4&gt;




&lt;b&gt;B. Changer le cadre d&#39;affichage du message de la page 404&lt;/b&gt;&lt;/h4&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Normalement, après avoir paramétré votre page introuvable, le message que vous avez conçu s&#39;affichera dans le cadre appelé &quot;Message d&#39;état&quot; (Statut-message), le même cadre que celui où s&#39;affiche les messages des pages libellés.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip9QV4134Y-QXTmII_jD0_xJNwL6KBwqM0Xsg2LqIquD3EfiT94MdXs3Q8MXaA-5IQM51oPv2fGM5oiDJF1R0_lWZ6wCEPkFJyQ0vwnriTgEcx_IkZRQsdxZy5WCf-VjUnD34IGwomriH6/s1600/status-message.JPG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; id=&quot;BLOGGER_PHOTO_ID_5144239756394993970&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip9QV4134Y-QXTmII_jD0_xJNwL6KBwqM0Xsg2LqIquD3EfiT94MdXs3Q8MXaA-5IQM51oPv2fGM5oiDJF1R0_lWZ6wCEPkFJyQ0vwnriTgEcx_IkZRQsdxZy5WCf-VjUnD34IGwomriH6/s400/status-message.JPG&quot; style=&quot;background-color: white; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjngiGAzpCouPVcZr-e2BFU3RsTHR1POQ1jhDOf9cETXgNjwXcgxulTNpFS4yFDQ9ZgSknrv4Yntfhk8C5j-zw_BSefNQKyjK7cSCQrOoteno3JnQQYz_EMRgbFysmJDWyWkIhtiD49hoy_/s1600/message+personnalis%C3%A9e+de+la+page+404+dans+la+status+barre.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;message personnalisée de la page 404 dans le cadre des messages d&#39;état sur blogger&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjngiGAzpCouPVcZr-e2BFU3RsTHR1POQ1jhDOf9cETXgNjwXcgxulTNpFS4yFDQ9ZgSknrv4Yntfhk8C5j-zw_BSefNQKyjK7cSCQrOoteno3JnQQYz_EMRgbFysmJDWyWkIhtiD49hoy_/s1600/message+personnalis%C3%A9e+de+la+page+404+dans+la+status+barre.png&quot; title=&quot;message personnalisée de la page 404 dans le cadre des messages d&#39;état sur blogger&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br class=&quot;Apple-interchange-newline&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Vous pouvez faire que le message de la page 404 ne s&#39;affiche pas dans le cadre des Messages d&#39;état, en ajoutant ce code offert par &lt;a href=&quot;http://www.bloggerplugins.org/2012/03/custom-404-error-pages-for-blogger.html&quot;&gt;Blogger pluggin&lt;/a&gt; dans votre modèle, juste après la balise&amp;nbsp;&amp;nbsp;&amp;lt;head&amp;gt; &amp;nbsp;:&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;/div&gt;
&amp;lt;b:if cond=&#39;data:blog.pageType == &amp;amp;quot;error_page&amp;amp;quot;&#39;&amp;gt;&lt;br /&gt;
&amp;lt;style type=&#39;text/css&#39;&amp;gt;&lt;br /&gt;
.status-msg-wrap {&lt;br /&gt;
&amp;nbsp; &amp;nbsp; font-size: 100%;&lt;br /&gt;
&amp;nbsp; &amp;nbsp; margin: none;&lt;br /&gt;
&amp;nbsp; &amp;nbsp; position: static;&lt;br /&gt;
&amp;nbsp; &amp;nbsp; width: 100%;&lt;br /&gt;
}&lt;br /&gt;
.status-msg-border {&lt;br /&gt;
&amp;nbsp; &amp;nbsp; display:none&lt;br /&gt;
}&lt;br /&gt;
.status-msg-body {&lt;br /&gt;
&amp;nbsp; &amp;nbsp; padding: none;&lt;br /&gt;
&amp;nbsp; &amp;nbsp; position: static;&lt;br /&gt;
&amp;nbsp; &amp;nbsp; text-align: inherit;&lt;br /&gt;
&amp;nbsp; &amp;nbsp; width: 100%;&lt;br /&gt;
&amp;nbsp; &amp;nbsp; z-index: auto;&lt;br /&gt;
}&lt;br /&gt;
.status-msg-wrap a {&lt;br /&gt;
&amp;nbsp; &amp;nbsp; padding: none;&lt;br /&gt;
&amp;nbsp; &amp;nbsp; text-decoration: inherit;&lt;br /&gt;
}&lt;br /&gt;
&amp;lt;/style&amp;gt;&lt;br /&gt;
&amp;lt;/b:if&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Le résultat devrait être similaire à celui-ci :&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifV_-FAG4rg_bT5e2dX7aWT1m0iwNafMqljNaquzwHiUsLlBq-flyLFT_2-iDz8Vqnq_ft7MNv83k_YPZ7xZPyby_YqWrIQwNuDCv6UFWtjCVmBAf_sIyuWUvYXrcPrX10TFFeossttKHA/s1600/message+personnalis%C3%A9e+de+la+page+404+hors+du+cadre+des+messages+d&#39;%C3%A9tat.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;message personnalisée de la page 404 hors du cadre des messages d&#39;état sur blogger&quot; border=&quot;0&quot; height=&quot;293&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifV_-FAG4rg_bT5e2dX7aWT1m0iwNafMqljNaquzwHiUsLlBq-flyLFT_2-iDz8Vqnq_ft7MNv83k_YPZ7xZPyby_YqWrIQwNuDCv6UFWtjCVmBAf_sIyuWUvYXrcPrX10TFFeossttKHA/s640/message+personnalis%C3%A9e+de+la+page+404+hors+du+cadre+des+messages+d&#39;%C3%A9tat.png&quot; title=&quot;message personnalisée de la page 404 hors du cadre des messages d&#39;état sur blogger&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h4&gt;




C. Masquer certains éléments de votre blog sur la page introuvable&amp;nbsp;&lt;/h4&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
Vous pouvez aussi vous amuser à masquer certains éléments de votre blog sur la page introuvable. Ce bout de code offert par&amp;nbsp;Prayag Verma de &lt;a href=&quot;http://www.stylifyyourblog.com/2012/03/30-custom-404-pages-for-blogger.html&quot;&gt;Stylify your blog&lt;/a&gt; peut vous être utile dans ce cas :&lt;br /&gt;
&lt;br /&gt;
&amp;lt;style type=&quot;text/css&quot; &amp;gt;&lt;br /&gt;
body {background:white url(&#39;&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG1PcLwO5wRQTvaxh4cyhrUEruYzRbo24nJIIBLEFxqMkAQXKWG-2Fvf0Nlncn1VQ8qKL-Xwt5NC6LSkfF-GSX1CVbYOFaWqtrg9e7EVmFXr8e9xJhwli8s1b0WNK-OgCn4p1y1mIKt0uH/s1600/10.PNG&lt;/span&gt;&lt;/b&gt;&#39;) &amp;nbsp;50% 0% no-repeat !important;z-index:10000000;}&lt;br /&gt;
.sidebar, footer, .content, .header, .columns-inner, .footer-top {display:none;}&lt;br /&gt;
body {min-width: 0px !important;}&lt;br /&gt;
&amp;lt;/style&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Dans le code ci-haut, il est indiqué que soient cachés :&lt;br /&gt;
&lt;br /&gt;
- La colonne de droite : .sidebar&lt;br /&gt;
- Le pied de page : footer&lt;br /&gt;
- Le dessus du pied de page : footer-top&lt;br /&gt;
- L&#39;entête : header&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Il est possible que ces éléments soient nommés différemment dans le modèle de votre blog. Mais grâce à ce bout de code, vous savez comment vous pouvez retrancher certains éléments de votre page introuvable.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Bon, pour finir, vous pouvez aller jeter un coup d&#39;oeil à &lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2007/05/table-des-matirees.html&quot; rel=&quot;nofollow&quot;&gt;une page introuvable de Blogger au bout du doigt&lt;/a&gt;. Et voici le code utilisé pour parvenir au résultat que vous allez voir (j&#39;ai mis en bleu les éléments que vous pouvez modifier afin d&#39;harmoniser avec votre blog : image, url page table des matières, url du blog et url du &lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2007/06/votre-propre-formulaire-de-contact-sur.html&quot;&gt;formulaire de contact&lt;/a&gt;) :&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&quot;404&quot; style=&quot;text-align:center&quot;&amp;gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;br /&gt;
&lt;br /&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;img src=&quot;&lt;span style=&quot;color: blue;&quot;&gt;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB2AJhNDDfPh2QbCi7L3MopZI_BzUeGPbBrFRlfTL4-TwXlkNZc_825njFetmklDgm1jRAjyYFr25APYA-UMgmoGHI1BFihxIL4A03FVa_qVXmXNkAPAh8WLQI9J4H1TIXqQgyxe2zmOzo/s320/404.png&lt;/span&gt;&quot; alt=&quot;Page introuvable&quot;/&amp;gt; &amp;nbsp; &lt;br /&gt;
&lt;br /&gt;
&amp;lt;h3&amp;gt;La page que vous cherchez n&#39;a pas été trouvée&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Désolé, mais nous n&#39;avons pas pu trouver la page que vous cherchez. Elle a peut être été effacée, modifiée ou remis temporairement en brouillon.&amp;lt;br/&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Veuillez vérifier que vous avez bien écrit l&#39;url de la page.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;b&amp;gt;ou vous pouvez encore essayer ceci :&amp;lt;/b&amp;gt;&amp;lt;br/&amp;gt;&lt;br /&gt;
&amp;lt;ul&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;li&amp;gt;Allez à la &amp;lt;a href=&quot;&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;http://blogger-au-bout-du-doigt.blogspot.com/2007/05/table-des-matires.html&lt;/span&gt;&lt;/b&gt;&quot;&amp;gt;Table des matières&amp;lt;/a&amp;gt; du blog, et vérifier que l&#39;article s&#39;y trouve.&amp;lt;/li&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Utilisez le formulaire de recherche suivant pour rechercher ledit article&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&lt;br /&gt;
&amp;lt;form action=&#39;http://blogsearch.google.com/blogsearch&#39; method=&#39;get&#39;&amp;gt;&lt;br /&gt;
&amp;lt;input maxlength=&#39;255&#39; name=&#39;as_q&#39; size=&#39;30&#39; type=&#39;text&#39; value=&#39;&#39;/&amp;gt;&lt;br /&gt;
&amp;lt;input name=&#39;bl_url&#39; type=&#39;hidden&#39; value=&#39;&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;http://blogger-au-bout-du-doigt.blogspot.com&lt;/span&gt;/&lt;/b&gt;&#39;/&amp;gt;&lt;br /&gt;
&amp;lt;input name=&#39;btnG&#39; type=&#39;submit&#39; value=&#39;Chercher &#39;/&amp;gt;&lt;br /&gt;
&amp;lt;/form&amp;gt;&lt;br /&gt;
&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;li&amp;gt;Me signaler le problème via ce &amp;lt;a href=&quot;&lt;span style=&quot;color: blue;&quot;&gt;&lt;b&gt;http://www.contactify.com/991c4&lt;/b&gt;&lt;/span&gt;&quot;&amp;gt; formulaire de contact&amp;lt;/a&amp;gt;.&amp;lt;/li&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;br /&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@+&lt;br /&gt;
&lt;br /&gt;</description><link>http://blogger-au-bout-du-doigt.blogspot.com/2012/04/personnaliser-page-erreur-404.html</link><author>noreply@blogger.com (Rodney)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtpH2UFSWHIy138Lct8lHK2fnD-YRSeKFGz7tEML8nd-bWZ0K2zl8X3AAHziokJ-hs54riMi_3lrAWBBosO0Cf8S3QjnLC1w81ovlHg2nYnT7tzVZnFEin0gPwrDm3yAJz4IUYKuXIVV6M/s72-c/page+erreur+404+introuvable+personnalis%C3%A9e+de+Blogger+au+bout+du+doigt.png" height="72" width="72"/><thr:total>8</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2993308440503478290.post-5963798562326419294</guid><pubDate>Thu, 26 Apr 2012 12:00:00 +0000</pubDate><atom:updated>2012-04-26T19:08:45.022+01:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">modèle blogger</category><category domain="http://www.blogger.com/atom/ns#">modèle blogger à 3 colonnes</category><title>100 modèles Blogger pour 2012</title><description>&lt;div style=&quot;text-align: justify;&quot;&gt;
Envie de changer le modèle de votre blog ? Envie d&#39;avoir un modèle Blogger frais et en harmonie avec la thématique de votre blog ou les nouvelles tendances ? Si votre réponse est oui, alors laissez moi vous présenter ces 100 modèles Blogger qu&#39;il ne faut pas négliger en 2012.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Changer le modèle de son blog redonne parfois le tonus nécessaire pour s&#39;en occuper encore avec beaucoup plus de passion, car on le voit tout neuf, tout frais, tout beau.&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;img alt=&quot;modèles blogger 2012&quot; height=&quot;496&quot; src=&quot;http://cdn.yourdigitalspace.com/wp-content/uploads/arena.jpg&quot; style=&quot;background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: auto; line-height: 20px;&quot; title=&quot;modèles blogger 2012&quot; width=&quot;600&quot; /&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;img alt=&quot;changer modèle Blogger &quot; height=&quot;283&quot; src=&quot;http://cdn.yourdigitalspace.com/wp-content/uploads/KertasBekas.gif&quot; style=&quot;background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: auto; line-height: 20px;&quot; title=&quot;changer modèle Blogger &quot; width=&quot;565&quot; /&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;img alt=&quot;modèles Bogger sur le jeux, musique, cuisine, sport, photographie, etc.&quot; height=&quot;283&quot; src=&quot;http://cdn.yourdigitalspace.com/wp-content/uploads/fresh.gif&quot; style=&quot;background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: auto; line-height: 20px;&quot; title=&quot;modèles Blogger sur le jeux, musique, cuisine, sport, photographie, etc.&quot; width=&quot;565&quot; /&gt;
&lt;/div&gt;
&lt;br /&gt;
Récoltés sur le web par Swamykant, ces &lt;b&gt;modèles Blogger &lt;/b&gt;couvrent plusieurs thématiques: jeux, musique, cuisine, sport, News, photographie, automobile, etc.&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;text-align: justify;&quot;&gt;Ces modèles Blogger vont du plus simple au plus compliqué. On retrouve aussi parmi eux des modèles avec une seule colonne, deux colonnes, trois colonnes et même quatre colonnes.&lt;/span&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;img alt=&quot;blogger templates 2012&quot; height=&quot;415&quot; src=&quot;http://cdn.yourdigitalspace.com/wp-content/uploads/Germaniumify-post.jpg&quot; style=&quot;background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: auto; line-height: 20px;&quot; title=&quot;blogger templates 2012&quot; width=&quot;560&quot; /&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;img alt=&quot;modèles blogger templates&quot; height=&quot;450&quot; src=&quot;http://cdn.yourdigitalspace.com/wp-content/uploads/iShowcase-Blogger-Template.jpg&quot; style=&quot;background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: auto; line-height: 20px;&quot; title=&quot;modèles blogger templates&quot; width=&quot;600&quot; /&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Cliquez ici pour voir ces &lt;a href=&quot;http://www.yourdigitalspace.com/2011/12/best-free-blogger-templates-2012/&quot;&gt;100 modèles Blogger pour 2012&lt;/a&gt;. Qui sait si l&#39;un d&#39;eux vous donnera envier de changer carrément le modèle de votre blog, en le prenant tel qu&#39;il est ou en l&#39;adaptant (changer son image de fond ou ses couleurs).&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Que pensez-vous de ces 100 modèles Blogger ? Lequel avez-vous adopté pour 2012 ?&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;style&gt;
.adslot-overlay {position: absolute; font-family: arial, sans-serif; background-color: rgba(0,0,0,0.65); border: 2px solid rgba(0,0,0,0.65); color: white !important; margin: 0; z-index: 2147483647; text-decoration: none; box-sizing: border-box; text-align: left;}.adslot-overlay-iframed {top: 0; left: 0; right: 0; bottom: 0;}.slotname {position: absolute; top: 0; left: 0; right: 0; font-size: 13px; font-weight: bold; padding: 3px 0 3px 6px; vertical-align: middle; background-color: rgba(0,0,0,0.45); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}.slotname span {text-align: left; text-decoration: none; text-transform: capitalize;}.revenue {position: absolute; bottom: 0; left: 0; right: 0; font-size: 11px; padding: 3px 0 3px 6px; vertial-align: middle; text-align: left; background-color: rgba(0,0,0,0.45); font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}.revenue .name {color: #ccc;}.revenue .horizontal .metric {display: inline-block; padding-right: 1.5em;}.revenue .horizontal .name {padding-right: 0.5em;}.revenue .vertical .metric {display: block; line-height: 1.5em; margin-bottom: 0.5em;}.revenue .vertical .name, .revenue .vertical .value {display: block;}.revenue .square .metric, .revenue .button .metric {display: table-row;}.revenue .square .metric {line-height: 1.5em;}.revenue .square .name, .revenue .square .value, .revenue .button .value {display: table-cell;}.revenue .square .name {padding-right: 1.5em;}.revenue .button .name {display: block; margin-right: 0.5em; width: 1em; overflow: hidden; text-overflow: clip;}.revenue .button .name:first-letter {margin-right: 1.5em;}a.adslot-overlay:hover {border: 2px solid rgba(58,106,173,0.9);}a.adslot-overlay:hover .slotname {border-bottom: 1px solid rgba(81,132,210,0.9); background-color: rgba(58,106,173,0.9);}a.adslot-overlay:hover .revenue {border-top: 1px solid rgba(81,132,210,0.9); background-color: rgba(58,106,173,0.9);}div.adslot-overlay:hover {cursor: not-allowed; border: 2px solid rgba(64,64,64,0.9);}div.adslot-overlay:hover .slotname {border-bottom: 1px solid rgba(128,128,128,0.9); background-color: rgba(64,64,64,0.9);}div.adslot-overlay:hover .revenue {border-top: 1px solid rgba(128,128,128,0.9); background-color: rgba(64,64,64,0.9);}
&lt;/style&gt;&lt;/div&gt;</description><link>http://blogger-au-bout-du-doigt.blogspot.com/2012/04/100-modeles-blogger-pour-2012.html</link><author>noreply@blogger.com (Rodney)</author><thr:total>13</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2993308440503478290.post-4086980947692828601</guid><pubDate>Thu, 26 Apr 2012 10:07:00 +0000</pubDate><atom:updated>2014-02-01T04:44:38.982+01:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Google+</category><category domain="http://www.blogger.com/atom/ns#">widget pour blogger</category><category domain="http://www.blogger.com/atom/ns#">widgets</category><title>Bouton de partage Google+</title><description>&lt;div style=&quot;text-align: justify;&quot;&gt;
Google+ vient de mettre à la disposition des développeurs, webmasters, un nouveau bouton : un bouton de partage. Ce bouton devrait permettre aux lecteurs d&#39;un site (blog) de pouvoir partager les articles qu&#39;ils lisent sur le réseau social de Google.&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;background-color: white; clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: -webkit-auto;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn4qGAb83SNH_qjfqDwHvEFGQ6ZME6HHhaY8kooamXNiklgECatvEu30-PrWfGtPHbnYTbQty0cC_lcYtebhUlae7CXs0YCY_qfGM1HnYF4b8Ddx2fVJ1YrGdtYMtITm04Y728_Nsj1Tar/s1600/bouton+partager+google+.png&quot; imageanchor=&quot;1&quot; style=&quot;color: #007acc; font-family: &#39;Segoe UI&#39;, Calibri, &#39;Myriad Pro&#39;, Myriad, &#39;Trebuchet MS&#39;, Helvetica, sans-serif; font-size: 14px; line-height: 19px; margin-left: 1em; margin-right: 1em; text-decoration: none;&quot;&gt;&lt;img alt=&quot;Bouton de partage Google+&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn4qGAb83SNH_qjfqDwHvEFGQ6ZME6HHhaY8kooamXNiklgECatvEu30-PrWfGtPHbnYTbQty0cC_lcYtebhUlae7CXs0YCY_qfGM1HnYF4b8Ddx2fVJ1YrGdtYMtITm04Y728_Nsj1Tar/s1600/bouton+partager+google+.png&quot; style=&quot;border-bottom-color: rgb(221, 221, 221); border-bottom-style: solid; border-bottom-width: 4px; border-image: initial; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 4px; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 4px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 4px;&quot; title=&quot;Bouton de partage Google+&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Ce bouton, disponible en trois formats, peut être paramétré sur cette page de &lt;a href=&quot;https://developers.google.com/+/plugins/share/?utm_source=blog&amp;amp;utm_medium=gplusdevelopers&amp;amp;utm_campaign=shareplugin&quot; rel=&quot;nofollow&quot;&gt;Google+&lt;/a&gt;. Voici le code de son petit format en français :&amp;nbsp;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!-- Place this tag where you want the share button to render. --&amp;gt;&lt;br /&gt;
&amp;lt;div class=&quot;g-plus&quot; data-action=&quot;share&quot; data-annotation=&quot;bubble&quot; data-height=&quot;15&quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!-- Place this tag after the last share tag. --&amp;gt;&lt;br /&gt;
&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;&lt;br /&gt;
&amp;nbsp; window.___gcfg = {lang: &#39;fr-CA&#39;, parsetags: &#39;onload&#39;};&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp; (function() {&lt;br /&gt;
&amp;nbsp; &amp;nbsp; var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;&lt;br /&gt;
&amp;nbsp; &amp;nbsp; po.src = &#39;https://apis.google.com/js/plusone.js&#39;;&lt;br /&gt;
&amp;nbsp; &amp;nbsp; var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);&lt;br /&gt;
&amp;nbsp; })();&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Sachez que j&#39;ai mis à jour l&#39;article &lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2012/04/boutons-de-partage-sur-reseaux-sociaux.html&quot;&gt;Boutons de partage sur réseaux sociaux pour vos blogs&lt;/a&gt; afin d&#39;intégrer ce bouton.&lt;br /&gt;
&lt;br /&gt;
Que pensez-vous de ce bouton de partage Google+ ?&lt;br /&gt;
&lt;div&gt;
&lt;style&gt;
.adslot-overlay {position: absolute; font-family: arial, sans-serif; background-color: rgba(0,0,0,0.65); border: 2px solid rgba(0,0,0,0.65); color: white !important; margin: 0; z-index: 2147483647; text-decoration: none; box-sizing: border-box; text-align: left;}.adslot-overlay-iframed {top: 0; left: 0; right: 0; bottom: 0;}.slotname {position: absolute; top: 0; left: 0; right: 0; font-size: 13px; font-weight: bold; padding: 3px 0 3px 6px; vertical-align: middle; background-color: rgba(0,0,0,0.45); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}.slotname span {text-align: left; text-decoration: none; text-transform: capitalize;}.revenue {position: absolute; bottom: 0; left: 0; right: 0; font-size: 11px; padding: 3px 0 3px 6px; vertial-align: middle; text-align: left; background-color: rgba(0,0,0,0.45); font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}.revenue .name {color: #ccc;}.revenue .horizontal .metric {display: inline-block; padding-right: 1.5em;}.revenue .horizontal .name {padding-right: 0.5em;}.revenue .vertical .metric {display: block; line-height: 1.5em; margin-bottom: 0.5em;}.revenue .vertical .name, .revenue .vertical .value {display: block;}.revenue .square .metric, .revenue .button .metric {display: table-row;}.revenue .square .metric {line-height: 1.5em;}.revenue .square .name, .revenue .square .value, .revenue .button .value {display: table-cell;}.revenue .square .name {padding-right: 1.5em;}.revenue .button .name {display: block; margin-right: 0.5em; width: 1em; overflow: hidden; text-overflow: clip;}.revenue .button .name:first-letter {margin-right: 1.5em;}a.adslot-overlay:hover {border: 2px solid rgba(58,106,173,0.9);}a.adslot-overlay:hover .slotname {border-bottom: 1px solid rgba(81,132,210,0.9); background-color: rgba(58,106,173,0.9);}a.adslot-overlay:hover .revenue {border-top: 1px solid rgba(81,132,210,0.9); background-color: rgba(58,106,173,0.9);}div.adslot-overlay:hover {cursor: not-allowed; border: 2px solid rgba(64,64,64,0.9);}div.adslot-overlay:hover .slotname {border-bottom: 1px solid rgba(128,128,128,0.9); background-color: rgba(64,64,64,0.9);}div.adslot-overlay:hover .revenue {border-top: 1px solid rgba(128,128,128,0.9); background-color: rgba(64,64,64,0.9);}
&lt;/style&gt;&lt;/div&gt;</description><link>http://blogger-au-bout-du-doigt.blogspot.com/2012/04/bouton-de-partage-google.html</link><author>noreply@blogger.com (Rodney)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn4qGAb83SNH_qjfqDwHvEFGQ6ZME6HHhaY8kooamXNiklgECatvEu30-PrWfGtPHbnYTbQty0cC_lcYtebhUlae7CXs0YCY_qfGM1HnYF4b8Ddx2fVJ1YrGdtYMtITm04Y728_Nsj1Tar/s72-c/bouton+partager+google+.png" height="72" width="72"/><thr:total>2</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2993308440503478290.post-7851229960117859960</guid><pubDate>Wed, 25 Apr 2012 06:18:00 +0000</pubDate><atom:updated>2014-02-01T04:44:39.044+01:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Facebook</category><category domain="http://www.blogger.com/atom/ns#">Twitter</category><category domain="http://www.blogger.com/atom/ns#">widget pour blogger</category><category domain="http://www.blogger.com/atom/ns#">widgets</category><title>Générateur barre verticale avec boutons de partage sur réseaux sociaux</title><description>&lt;div style=&quot;text-align: justify;&quot;&gt;
Sur le site Blogger Theme, il est proposé le générateur d&#39;une barre verticale des boutons des partages sur les réseaux sociaux (Facebook, Google+, Twitter, Likendln, Digg) pour Blogger.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Ce générateur est très facile à utiliser. Il faut toutefois être d&#39;abord connecté à son compte Blogger avant de commencer à paramétrer votre prochaine barre sociale.&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7ubh_cPkKV_uxFnpJWrJz0Gi9rmDUld-8gJxy7CDY831MSvwSBtC1uMpXX1xugnr6nBb-YDPCN28Ils_yu4e-mxnIuATeF5tfuwXIEf_7WTlFRvqpz72CIJHChkEJBoVH7Q_7yFkVdQb0/s1600/g%C3%A9n%C3%A9rateur+de+barre+sociale+verticale+(boutons+partages+sur+les+r%C3%A9seaux+sociaux).png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Générateur barre sociale verticale avec boutons de partage sur réseaux sociaux&quot; border=&quot;0&quot; height=&quot;301&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7ubh_cPkKV_uxFnpJWrJz0Gi9rmDUld-8gJxy7CDY831MSvwSBtC1uMpXX1xugnr6nBb-YDPCN28Ils_yu4e-mxnIuATeF5tfuwXIEf_7WTlFRvqpz72CIJHChkEJBoVH7Q_7yFkVdQb0/s640/g%C3%A9n%C3%A9rateur+de+barre+sociale+verticale+(boutons+partages+sur+les+r%C3%A9seaux+sociaux).png&quot; title=&quot;Générateur barre sociale verticale avec boutons de partage sur réseaux sociaux&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Une fois que vous êtes connecté à Blogger, rendez-vous sur &lt;a href=&quot;http://www.bloggerthemes.net/gadgets/social-media-buttons-for-blogger/&quot; rel=&quot;nofollow&quot;&gt;cette page où ce trouve le générateur de la barre sociale&lt;/a&gt; : 1) Cochez pour les boutons que vous voulez afficher, 2) Choisissez les couleurs du gadget (couleur de fond et couleur de la bordure) et affinez ses bordures, 3) Choisissez de quel coté devra s&#39;afficher le gadget (Gauche ou droite) et 4) Cliquez sur &quot;Finish customisation&quot; afin de générer le code.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Sur la nouvelle page qui va s&#39;afficher, cliquez sur &quot;Add to Blogger&quot; et vous serez conduit sur votre compte Blogger où vous aurez la possibilité de sélectionner le blog sur lequel vous voulez afficher votre barre sociale verticale.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh55McDNahL71FE7fGfXqlz1-Za1cYrHBGNByzXx_LI_RlzzJYwU9O3Y3t2QyO64BBqhdr9tDslyYA1c4utmwJa9sv2GofZWBc04_Vwd897kJ27Z9ZUWCiSr66pETT19APC4QfMqwYet_4x/s1600/ajouter+un+gadget+sur+blogger+barre+de+partage+sur+r%C3%A9seaux+sociaux.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;sélectionner le blog où ajouter la barre sociale verticale avec boutons de partage sur réseaux sociaux&quot; border=&quot;0&quot; height=&quot;300&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh55McDNahL71FE7fGfXqlz1-Za1cYrHBGNByzXx_LI_RlzzJYwU9O3Y3t2QyO64BBqhdr9tDslyYA1c4utmwJa9sv2GofZWBc04_Vwd897kJ27Z9ZUWCiSr66pETT19APC4QfMqwYet_4x/s640/ajouter+un+gadget+sur+blogger+barre+de+partage+sur+r%C3%A9seaux+sociaux.png&quot; title=&quot;sélectionner le blog où ajouter la barre sociale verticale avec boutons de partage sur réseaux sociaux&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Cliquez ensuite sur &quot;ajouter un gadget&quot; et le gadget sera inséré dans le blog sélectionné. Notez qu&#39;il ne faut donner aucun titre à ce gadget.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Bon, comme vous pouvez le constater, ce générateur des boutons de partage sur réseaux sociaux exclusivement conçu pour Blogger est très facile à utiliser et vous n&#39;avez à bidouiller aucun code html pour qu&#39;il fonctionne.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
La barre verticale avec boutons de partage sur réseaux sociaux actuellement présente sur ce blog est le fruit de ce générateur.&lt;/div&gt;
&lt;br /&gt;
@+&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;style&gt;
.adslot-overlay {position: absolute; font-family: arial, sans-serif; background-color: rgba(0,0,0,0.65); border: 2px solid rgba(0,0,0,0.65); color: white !important; margin: 0; z-index: 2147483647; text-decoration: none; box-sizing: border-box; text-align: left;}.adslot-overlay-iframed {top: 0; left: 0; right: 0; bottom: 0;}.slotname {position: absolute; top: 0; left: 0; right: 0; font-size: 13px; font-weight: bold; padding: 3px 0 3px 6px; vertical-align: middle; background-color: rgba(0,0,0,0.45); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}.slotname span {text-align: left; text-decoration: none; text-transform: capitalize;}.revenue {position: absolute; bottom: 0; left: 0; right: 0; font-size: 11px; padding: 3px 0 3px 6px; vertial-align: middle; text-align: left; background-color: rgba(0,0,0,0.45); font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}.revenue .name {color: #ccc;}.revenue .horizontal .metric {display: inline-block; padding-right: 1.5em;}.revenue .horizontal .name {padding-right: 0.5em;}.revenue .vertical .metric {display: block; line-height: 1.5em; margin-bottom: 0.5em;}.revenue .vertical .name, .revenue .vertical .value {display: block;}.revenue .square .metric, .revenue .button .metric {display: table-row;}.revenue .square .metric {line-height: 1.5em;}.revenue .square .name, .revenue .square .value, .revenue .button .value {display: table-cell;}.revenue .square .name {padding-right: 1.5em;}.revenue .button .name {display: block; margin-right: 0.5em; width: 1em; overflow: hidden; text-overflow: clip;}.revenue .button .name:first-letter {margin-right: 1.5em;}a.adslot-overlay:hover {border: 2px solid rgba(58,106,173,0.9);}a.adslot-overlay:hover .slotname {border-bottom: 1px solid rgba(81,132,210,0.9); background-color: rgba(58,106,173,0.9);}a.adslot-overlay:hover .revenue {border-top: 1px solid rgba(81,132,210,0.9); background-color: rgba(58,106,173,0.9);}div.adslot-overlay:hover {cursor: not-allowed; border: 2px solid rgba(64,64,64,0.9);}div.adslot-overlay:hover .slotname {border-bottom: 1px solid rgba(128,128,128,0.9); background-color: rgba(64,64,64,0.9);}div.adslot-overlay:hover .revenue {border-top: 1px solid rgba(128,128,128,0.9); background-color: rgba(64,64,64,0.9);}
&lt;/style&gt;&lt;/div&gt;</description><link>http://blogger-au-bout-du-doigt.blogspot.com/2012/04/generateur-bouton-partage-reseaux.html</link><author>noreply@blogger.com (Rodney)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7ubh_cPkKV_uxFnpJWrJz0Gi9rmDUld-8gJxy7CDY831MSvwSBtC1uMpXX1xugnr6nBb-YDPCN28Ils_yu4e-mxnIuATeF5tfuwXIEf_7WTlFRvqpz72CIJHChkEJBoVH7Q_7yFkVdQb0/s72-c/g%C3%A9n%C3%A9rateur+de+barre+sociale+verticale+(boutons+partages+sur+les+r%C3%A9seaux+sociaux).png" height="72" width="72"/><thr:total>10</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2993308440503478290.post-2156541714714843520</guid><pubDate>Wed, 25 Apr 2012 05:09:00 +0000</pubDate><atom:updated>2014-02-01T04:44:38.944+01:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Twitter</category><category domain="http://www.blogger.com/atom/ns#">widget pour blogger</category><category domain="http://www.blogger.com/atom/ns#">widgets</category><title>Ajouter l&#39;oiseau Twitter volant sur votre blog</title><description>&lt;div style=&quot;text-align: justify;&quot;&gt;
Vous voulez mettre un peu d&#39;animation sur votre blog ? Voici pour vous un code qui va mettre un peu de mouvements sur votre blog; l&#39;oiseau Twitter (Larry) volant.&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnyC4-ysMHlw1DaOvBbK4jtSFLEYXFF_z-zhRUZlUEFK2VsHQQ_XwWghLIVRpS9QY5EyEnMn8c4sPMA6hCC2bPDSUme9JOhrjk150ePcFoOoguyJBrVF0qxgAMbchyChtjyJ9jTeoVmNSi/s1600/oiseau+twitter+anim%C3%A9+volant+sur+votre+blog.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnyC4-ysMHlw1DaOvBbK4jtSFLEYXFF_z-zhRUZlUEFK2VsHQQ_XwWghLIVRpS9QY5EyEnMn8c4sPMA6hCC2bPDSUme9JOhrjk150ePcFoOoguyJBrVF0qxgAMbchyChtjyJ9jTeoVmNSi/s1600/oiseau+twitter+anim%C3%A9+volant+sur+votre+blog.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
Quand on passe la souris sur cet oiseau volant sur toute l&#39;étendue de votre blog, où qu&#39;il se trouve il offre deux options : partager l&#39;article &amp;nbsp;sur Twitter (Tweet this) ou suivre l&#39;auteur du blog sur Twitter (Follow me).&lt;br /&gt;
&lt;br /&gt;
Ce script est à mettre dans un gadget HTML/Javascript. Prenez soin de remplacer &lt;b&gt;identifiant-twitter&lt;/b&gt; par votre identifiant Twitter.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;script src=&#39;http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js&#39; type=&#39;text/javascript&#39;&amp;gt;&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;br /&gt;
&amp;lt;script type=&#39;text/javascript&#39;&amp;gt;&lt;br /&gt;
var twitterAccount = &amp;amp;quot;&lt;b&gt;identifiant-twitter&lt;/b&gt;&amp;amp;quot;;&lt;br /&gt;
var tweetThisText = &amp;amp;quot; &amp;lt;data:blog.pageTitle/&amp;gt; : &amp;lt;data:blog.url/&amp;gt; &amp;amp;quot;;&lt;br /&gt;
tripleflapInit();&lt;br /&gt;
&amp;lt;/script&amp;gt; &amp;nbsp;&lt;br /&gt;
&lt;br /&gt;
Ceux utiliseront ce script pourront donc avoir Larry,&lt;b&gt; l&#39;oiseau Twitter, volant&lt;/b&gt; sur toute l&#39;étendu de leurs blogs, comme c&#39;est le cas chez &lt;a href=&quot;http://paradiseofknowledge.blogspot.in/&quot; rel=&quot;nofollow&quot;&gt;Paradise of knowledge&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
@+&lt;br /&gt;</description><link>http://blogger-au-bout-du-doigt.blogspot.com/2012/04/ajouter-loiseau-twitter-volant-sur.html</link><author>noreply@blogger.com (Rodney)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnyC4-ysMHlw1DaOvBbK4jtSFLEYXFF_z-zhRUZlUEFK2VsHQQ_XwWghLIVRpS9QY5EyEnMn8c4sPMA6hCC2bPDSUme9JOhrjk150ePcFoOoguyJBrVF0qxgAMbchyChtjyJ9jTeoVmNSi/s72-c/oiseau+twitter+anim%C3%A9+volant+sur+votre+blog.png" height="72" width="72"/><thr:total>10</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2993308440503478290.post-731952737461740780</guid><pubDate>Sat, 21 Apr 2012 16:25:00 +0000</pubDate><atom:updated>2014-02-01T04:44:39.029+01:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Twitter</category><category domain="http://www.blogger.com/atom/ns#">widget pour blogger</category><category domain="http://www.blogger.com/atom/ns#">widgets</category><title>Gadget Twitter Followers flottant sur Blogger</title><description>Après l&#39;article montrant comment ajouter un &lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2012/04/gadget-fans-sur-facebook-flottant-sur.html&quot;&gt;Gadget Fans sur Facebook flottant sur son blog hébergé par Blogger&lt;/a&gt;, nous allons voir comment ajouter un&lt;b&gt; Gadget Twitter Followers flottant sur blogspot&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;span id=&quot;goog_2071116727&quot;&gt;&lt;/span&gt;&lt;span id=&quot;goog_2071116728&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghSqPqn7xK6I1ItOPnvABgh8-H3CHW1jvJLR0f6G7_FspAhx3_aRtoDy3m3_IDEg-3nuphcGmWbCSaCO9_tOwDE46FpKkPcUAIz2FtRbapaLv96aO4jXL21193e2xhiIqRMK7ksLHaV8gQ/s1600/gadget+twitter+followers+flottant+sur+blogger.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Gadget Twitter Followers flotttant sur blogger&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghSqPqn7xK6I1ItOPnvABgh8-H3CHW1jvJLR0f6G7_FspAhx3_aRtoDy3m3_IDEg-3nuphcGmWbCSaCO9_tOwDE46FpKkPcUAIz2FtRbapaLv96aO4jXL21193e2xhiIqRMK7ksLHaV8gQ/s1600/gadget+twitter+followers+flottant+sur+blogger.png&quot; title=&quot;Gadget Twitter Followers flotttant sur blogger&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Comme pour le gadget précédemment vu, celui-ci affichera un bouton Twitter sur le coté qui vous plaira (droite ou gauche), bouton qui restera fixé au même endroit et affichera au passage de la souris un petit cadre avec un échantillon de vos followers ainsi que la possibilité de vous suivre sur ledit réseau social.&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3vqZ-nYzJaOt0kODhnpN_-j5Vd8Wc23lkLwLJiCkhQxixjYDpBQjWM8P6M-VsGqHOrZ0zSg24sfvhTBmltS_pSwYkFLXg7OF9qts5uEpYu0yUgF055kZHH0v3x-Sa2reg99mkIN_no4k3/s1600/gadget+twitter+followers+flottant+sur+blogspot.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Gadget Twitter Followers flotttant sur blogspot&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3vqZ-nYzJaOt0kODhnpN_-j5Vd8Wc23lkLwLJiCkhQxixjYDpBQjWM8P6M-VsGqHOrZ0zSg24sfvhTBmltS_pSwYkFLXg7OF9qts5uEpYu0yUgF055kZHH0v3x-Sa2reg99mkIN_no4k3/s1600/gadget+twitter+followers+flottant+sur+blogspot.png&quot; title=&quot;Gadget Twitter Followers flotttant sur blogspot&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
Voici pour vous les étapes à suivre pour avoir ce Gadget Twitter Followers sur blogspot :&lt;br /&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;
1. Connectez vous à Blogger et cliquer sur &quot;Modèle&quot; pour le blog où vous allez installer le Module Social Facebook flottant, puis sur &quot;Traiter&quot;.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
2. Trouvez la balise &amp;nbsp;&amp;lt;/head&amp;gt;&amp;nbsp; et collez le code suivant juste avant :&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;lt;script src=&#39;https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js&#39; type=&#39;text/javascript&#39;/&amp;gt;&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Enregistrez votre modèle.&lt;br /&gt;
&lt;br /&gt;
Notez que si vous aviez déjà installé le &lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2012/04/gadget-fans-sur-facebook-flottant-sur.html&quot;&gt;Gadget Fans sur Facebook flottant&lt;/a&gt;, vous pouvez sauter cette étape.
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
3. Allez sur &quot;Eléments de la page&quot;, cliquez sur &quot;Ajouter un gadget&quot; sur votre sidebar et choisissez &quot;HTML/Javascript&quot;.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
4. Collez le code suivant dans votre nouveau Gadget HTML/Javascript :&amp;nbsp;&lt;/div&gt;
&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;//&amp;lt;!--&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;$(document).ready(function() {$(&quot;.twitterboxot&quot;).hover(function() {$(this).stop().animate({right: &quot;0&quot;}, &quot;medium&quot;);}, function()&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;{$(this).stop().animate({right: &quot;-250&quot;}, &quot;medium&quot;);}, 500);});&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;//--&amp;gt; &amp;lt;/script&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;&amp;lt;style type=&quot;text/css&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;.twitterboxot{background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivAm6bDOLg2CaI19FEZ3vO1O9dGlmiqKdnlDbXzbaM0XFmJX4wC99th56zs-7QlshyeoiX0d_Ig-Yr9cHP0Lr21BltNqS5xLHQf3WhfwaN4K-fDH8w1RFyIjOLkCT_ycPY3U_zPsNnbWTZ/s1600/twitterbox.png&quot;)&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;no-repeat scroll left center transparent !important;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;display: block;&lt;/span&gt;&lt;br /&gt;
&lt;b style=&quot;border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;&quot;&gt;&lt;span style=&quot;border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #e10000; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;float: right;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;height: 240px;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;padding: 0 5px 0 46px;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;width: 245px;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;z-index: 99999;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;position:fixed;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;right:-250px;&amp;nbsp;&lt;/span&gt;&lt;b style=&quot;border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;&quot;&gt;&lt;span style=&quot;border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #e10000; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;top:20%&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;;}&amp;lt;/style&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;&amp;lt;div class=&quot;twitterboxot&quot;&amp;gt;&amp;lt;div&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;src=&quot;http://script-ot.googlecode.com/svn/twitterbox.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&amp;lt;div&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;id=&quot;twitterfanbox&quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;fanbox_init(&quot;&lt;/span&gt;&lt;b style=&quot;border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;&quot;&gt;&lt;span style=&quot;border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #e10000; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;identifiant-twitter&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;&quot;);&amp;lt;/script&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&quot;font-size:10px;&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;&amp;lt;a href=&quot;http:http://www.blogger4ever.com/2011/12/sliding-twitter-followers-box-for-blogs.html&quot; target=&quot;_blank&quot;&amp;gt;Get This Widget&amp;lt;/a&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Dans le gadget ci-haut, changez le &quot;right&quot; en rouge par &quot;left&quot; si vous voulez que le Gadget Twitter Followers s&#39;affiche plutôt à gauche ou changez le 20% en rouge par 60% si vous voulez le garder avec le bouton Facebook à droite.&lt;br /&gt;
&lt;br /&gt;
N&#39;oubliez pas de changer &quot;identifiant-twitter&quot; par votre identifiant Twitter.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
5. Cliquez sur &quot;Enregistrer&quot; et allez admirer le résultat sur votre blog.&lt;br /&gt;
&lt;br /&gt;
Maintenant, vous aussi vous pouvez avoir le Gadget Twitter Followers flottant sur votre blog hébergé par Blogger. N&#39;est-ce pas génial ça ?&lt;br /&gt;
&lt;br /&gt;
@+&lt;/div&gt;
&lt;br class=&quot;Apple-interchange-newline&quot; /&gt;&lt;br /&gt;
&lt;div&gt;
&lt;style&gt;
.adslot-overlay {position: absolute; font-family: arial, sans-serif; background-color: rgba(0,0,0,0.65); border: 2px solid rgba(0,0,0,0.65); color: white !important; margin: 0; z-index: 2147483647; text-decoration: none; box-sizing: border-box; text-align: left;}.adslot-overlay-iframed {top: 0; left: 0; right: 0; bottom: 0;}.slotname {position: absolute; top: 0; left: 0; right: 0; font-size: 13px; font-weight: bold; padding: 3px 0 3px 6px; vertical-align: middle; background-color: rgba(0,0,0,0.45); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}.slotname span {text-align: left; text-decoration: none; text-transform: capitalize;}.revenue {position: absolute; bottom: 0; left: 0; right: 0; font-size: 11px; padding: 3px 0 3px 6px; vertial-align: middle; text-align: left; background-color: rgba(0,0,0,0.45); font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}.revenue .name {color: #ccc;}.revenue .horizontal .metric {display: inline-block; padding-right: 1.5em;}.revenue .horizontal .name {padding-right: 0.5em;}.revenue .vertical .metric {display: block; line-height: 1.5em; margin-bottom: 0.5em;}.revenue .vertical .name, .revenue .vertical .value {display: block;}.revenue .square .metric, .revenue .button .metric {display: table-row;}.revenue .square .metric {line-height: 1.5em;}.revenue .square .name, .revenue .square .value, .revenue .button .value {display: table-cell;}.revenue .square .name {padding-right: 1.5em;}.revenue .button .name {display: block; margin-right: 0.5em; width: 1em; overflow: hidden; text-overflow: clip;}.revenue .button .name:first-letter {margin-right: 1.5em;}a.adslot-overlay:hover {border: 2px solid rgba(58,106,173,0.9);}a.adslot-overlay:hover .slotname {border-bottom: 1px solid rgba(81,132,210,0.9); background-color: rgba(58,106,173,0.9);}a.adslot-overlay:hover .revenue {border-top: 1px solid rgba(81,132,210,0.9); background-color: rgba(58,106,173,0.9);}div.adslot-overlay:hover {cursor: not-allowed; border: 2px solid rgba(64,64,64,0.9);}div.adslot-overlay:hover .slotname {border-bottom: 1px solid rgba(128,128,128,0.9); background-color: rgba(64,64,64,0.9);}div.adslot-overlay:hover .revenue {border-top: 1px solid rgba(128,128,128,0.9); background-color: rgba(64,64,64,0.9);}
&lt;/style&gt;&lt;/div&gt;
&lt;div&gt;
&lt;style&gt;
.adslot-overlay {position: absolute; font-family: arial, sans-serif; background-color: rgba(0,0,0,0.65); border: 2px solid rgba(0,0,0,0.65); color: white !important; margin: 0; z-index: 2147483647; text-decoration: none; box-sizing: border-box; text-align: left;}.adslot-overlay-iframed {top: 0; left: 0; right: 0; bottom: 0;}.slotname {position: absolute; top: 0; left: 0; right: 0; font-size: 13px; font-weight: bold; padding: 3px 0 3px 6px; vertical-align: middle; background-color: rgba(0,0,0,0.45); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}.slotname span {text-align: left; text-decoration: none; text-transform: capitalize;}.revenue {position: absolute; bottom: 0; left: 0; right: 0; font-size: 11px; padding: 3px 0 3px 6px; vertial-align: middle; text-align: left; background-color: rgba(0,0,0,0.45); font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}.revenue .name {color: #ccc;}.revenue .horizontal .metric {display: inline-block; padding-right: 1.5em;}.revenue .horizontal .name {padding-right: 0.5em;}.revenue .vertical .metric {display: block; line-height: 1.5em; margin-bottom: 0.5em;}.revenue .vertical .name, .revenue .vertical .value {display: block;}.revenue .square .metric, .revenue .button .metric {display: table-row;}.revenue .square .metric {line-height: 1.5em;}.revenue .square .name, .revenue .square .value, .revenue .button .value {display: table-cell;}.revenue .square .name {padding-right: 1.5em;}.revenue .button .name {display: block; margin-right: 0.5em; width: 1em; overflow: hidden; text-overflow: clip;}.revenue .button .name:first-letter {margin-right: 1.5em;}a.adslot-overlay:hover {border: 2px solid rgba(58,106,173,0.9);}a.adslot-overlay:hover .slotname {border-bottom: 1px solid rgba(81,132,210,0.9); background-color: rgba(58,106,173,0.9);}a.adslot-overlay:hover .revenue {border-top: 1px solid rgba(81,132,210,0.9); background-color: rgba(58,106,173,0.9);}div.adslot-overlay:hover {cursor: not-allowed; border: 2px solid rgba(64,64,64,0.9);}div.adslot-overlay:hover .slotname {border-bottom: 1px solid rgba(128,128,128,0.9); background-color: rgba(64,64,64,0.9);}div.adslot-overlay:hover .revenue {border-top: 1px solid rgba(128,128,128,0.9); background-color: rgba(64,64,64,0.9);}
&lt;/style&gt;&lt;/div&gt;
&lt;div&gt;
&lt;style&gt;
.adslot-overlay {position: absolute; font-family: arial, sans-serif; background-color: rgba(0,0,0,0.65); border: 2px solid rgba(0,0,0,0.65); color: white !important; margin: 0; z-index: 2147483647; text-decoration: none; box-sizing: border-box; text-align: left;}.adslot-overlay-iframed {top: 0; left: 0; right: 0; bottom: 0;}.slotname {position: absolute; top: 0; left: 0; right: 0; font-size: 13px; font-weight: bold; padding: 3px 0 3px 6px; vertical-align: middle; background-color: rgba(0,0,0,0.45); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}.slotname span {text-align: left; text-decoration: none; text-transform: capitalize;}.revenue {position: absolute; bottom: 0; left: 0; right: 0; font-size: 11px; padding: 3px 0 3px 6px; vertial-align: middle; text-align: left; background-color: rgba(0,0,0,0.45); font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}.revenue .name {color: #ccc;}.revenue .horizontal .metric {display: inline-block; padding-right: 1.5em;}.revenue .horizontal .name {padding-right: 0.5em;}.revenue .vertical .metric {display: block; line-height: 1.5em; margin-bottom: 0.5em;}.revenue .vertical .name, .revenue .vertical .value {display: block;}.revenue .square .metric, .revenue .button .metric {display: table-row;}.revenue .square .metric {line-height: 1.5em;}.revenue .square .name, .revenue .square .value, .revenue .button .value {display: table-cell;}.revenue .square .name {padding-right: 1.5em;}.revenue .button .name {display: block; margin-right: 0.5em; width: 1em; overflow: hidden; text-overflow: clip;}.revenue .button .name:first-letter {margin-right: 1.5em;}a.adslot-overlay:hover {border: 2px solid rgba(58,106,173,0.9);}a.adslot-overlay:hover .slotname {border-bottom: 1px solid rgba(81,132,210,0.9); background-color: rgba(58,106,173,0.9);}a.adslot-overlay:hover .revenue {border-top: 1px solid rgba(81,132,210,0.9); background-color: rgba(58,106,173,0.9);}div.adslot-overlay:hover {cursor: not-allowed; border: 2px solid rgba(64,64,64,0.9);}div.adslot-overlay:hover .slotname {border-bottom: 1px solid rgba(128,128,128,0.9); background-color: rgba(64,64,64,0.9);}div.adslot-overlay:hover .revenue {border-top: 1px solid rgba(128,128,128,0.9); background-color: rgba(64,64,64,0.9);}
&lt;/style&gt;&lt;/div&gt;</description><link>http://blogger-au-bout-du-doigt.blogspot.com/2012/04/gadget-twitter-followers-flottant-sur.html</link><author>noreply@blogger.com (Rodney)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghSqPqn7xK6I1ItOPnvABgh8-H3CHW1jvJLR0f6G7_FspAhx3_aRtoDy3m3_IDEg-3nuphcGmWbCSaCO9_tOwDE46FpKkPcUAIz2FtRbapaLv96aO4jXL21193e2xhiIqRMK7ksLHaV8gQ/s72-c/gadget+twitter+followers+flottant+sur+blogger.png" height="72" width="72"/><thr:total>10</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2993308440503478290.post-2316421171038864353</guid><pubDate>Wed, 18 Apr 2012 16:57:00 +0000</pubDate><atom:updated>2014-02-01T04:44:38.953+01:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Facebook</category><category domain="http://www.blogger.com/atom/ns#">widget pour blogger</category><category domain="http://www.blogger.com/atom/ns#">widgets</category><title>Gadget Fans sur Facebook flottant sur Blogger</title><description>&lt;div style=&quot;text-align: justify;&quot;&gt;
Je ne sais pas pour vous, mais moi j&#39;aime bien le &lt;b&gt;gadget&lt;/b&gt; Module Social Facebook &amp;nbsp;(&lt;b&gt;Fans sur Facebook&lt;/b&gt;) flottant que je vois sur certains blogs.&amp;nbsp;&lt;span style=&quot;text-align: justify;&quot;&gt;Au repos, le gadget affiche juste un petit logo Facebook sur le coté droit de votre blog, logo qui reste fixé au même endroit, que le lecteur monte ou descende la page.&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5I3Ua9yewj0rE0w2pwfrbJD4O3BnSZa-qB71Tlx1SbFqLAa8WWf8xpZXNN3PGSQJvViVhIDeQ9J1HnPA4fJF9SlSQdMxUzGmyypJj9mR5EyUXu8Mmb-WNdcrEEaX4Z_H49hzxepq9r1lG/s1600/gadget+facebook+flottant+sur+Blogger+blogspot.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Gadget module social Facebook flottant sur Blogger&quot; border=&quot;0&quot; height=&quot;260&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5I3Ua9yewj0rE0w2pwfrbJD4O3BnSZa-qB71Tlx1SbFqLAa8WWf8xpZXNN3PGSQJvViVhIDeQ9J1HnPA4fJF9SlSQdMxUzGmyypJj9mR5EyUXu8Mmb-WNdcrEEaX4Z_H49hzxepq9r1lG/s320/gadget+facebook+flottant+sur+Blogger+blogspot.png&quot; title=&quot;Gadget module social Facebook flottant sur Blogger&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Lorsque la souris passe sur le logo, celui-ci s&#39;étend pour afficher le Module social Facebook,&amp;nbsp;un échantillon&amp;nbsp; des Fans de votre blog sur Facebook ainsi que la possibilité d&#39;aimer ladite page où d&#39;y aller en cliquant sur son nom.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijQvkWOjtrHnVufTTWdeHBNDkv3M5AhveBP80rV_41M0bonFg01FixbwA1C9VLgVM_e0uLFGAT4PPDALAnQik33UK4MMtBKDdkGJjAnp79qfe5LNrOqKUELmjarSuaG1bLsQhgBYqb5M8q/s1600/gadget+fans+sur+facebook+flottant+sur+Blogger.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Gadget Fans sur Facebook flottant sur Blogger Blogspot&quot; border=&quot;0&quot; height=&quot;360&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijQvkWOjtrHnVufTTWdeHBNDkv3M5AhveBP80rV_41M0bonFg01FixbwA1C9VLgVM_e0uLFGAT4PPDALAnQik33UK4MMtBKDdkGJjAnp79qfe5LNrOqKUELmjarSuaG1bLsQhgBYqb5M8q/s400/gadget+fans+sur+facebook+flottant+sur+Blogger.png&quot; title=&quot;Gadget Fans sur Facebook flottant sur Blogger Blogspot&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Pour afficher ce Gadget Module Social Facebook flottant sur votre blog, voici les étapes à suivre :&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
1. Connectez vous à Blogger et cliquer sur &quot;Modèle&quot; pour le blog où vous allez installer le Module Social Facebook flottant, puis sur &quot;Traiter&quot;.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
2. Trouvez la balise &amp;nbsp;&amp;lt;/head&amp;gt;&amp;nbsp; et collez le code suivant juste avant :&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;lt;script src=&#39;https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js&#39; type=&#39;text/javascript&#39;/&amp;gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Enregistrez votre modèle.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
3. Allez sur &quot;Eléments de la page&quot;, cliquez sur &quot;Ajouter un gadget&quot; sur votre sidebar et choisissez &quot;HTML/Javascript&quot;.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
4. Collez le code suivant dans votre nouveau Gadget HTML/Javascript :&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot;&amp;gt; //&amp;lt;!--&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;$(document).ready(function() {$(&quot;.w2bslikebox&quot;).hover(function() {$(this).stop().animate ({right: &quot;0&quot;}, &quot;medium&quot;);}, function() {$(this).stop().animate({right: &quot;-250&quot;}, &quot;medium&quot;);},&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;500);}); //--&amp;gt; &amp;lt;/script&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;&amp;lt;style type=&quot;text/css&quot;&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;.w2bslikebox{background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinTVOrVV3ys192htKuU2VLa1MxvK7KUR_z8g6inIXSM1Luf6kxMyZe3AiQdSDzEKa4XpjGMry8Dsf-m-8SEOz6bRBIbcPHut7FvCgGxYowSYz9jI_xJCOMeuj9RbRJnLEz3PHi8z3V-1iT/s1600/facebook1.png&quot;) no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;.w2bslikebox div{border:none;position:relative;display:block;}&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;.w2bslikebox span{bottom: 10px;font: 9px &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;.w2bslikebox span a{color: #FF9D00;text-decoration:none;}&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;.w2bslikebox span a:hover{text-decoration:underline;}&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;&amp;lt;/style&amp;gt;&amp;lt;div class=&quot;w2bslikebox&quot; style=&quot;&quot;&amp;gt;&amp;lt;div&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;&amp;lt;iframe src=&quot;http://www.facebook.com/plugins/likebox.php?href=&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;http://www.facebook.com/&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;color: #e10000;&quot;&gt;&lt;b&gt;suitedel&#39;urldelapagefanfacebookdevotreblog&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;&amp;amp;amp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; text-align: left;&quot;&gt;&lt;span style=&quot;font-size: x-small;&quot;&gt;&lt;span style=&quot;line-height: 23px;&quot;&gt;width=245&amp;amp;amp;colorscheme=light&amp;amp;amp;show_faces=true&amp;amp;amp; connections=8&amp;amp;amp;stream=false&amp;amp;amp;header=false&amp;amp;amp;height=330&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot; style=&quot;border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;&quot;&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: x-small; line-height: 23px;&quot;&gt;&amp;lt;span&amp;gt;&amp;lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com/2012/04/gadget-fans-sur-facebook-flottant-sur.html&quot;&amp;gt;Avoir ce gadget&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&lt;/span&gt;&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: x-small; line-height: 23px;&quot;&gt;&amp;lt;span&amp;gt;&amp;lt;a href=&quot;http://blogger-au-bout-du-doigt.blogspot.com&quot;&amp;gt;Blogger&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&lt;/span&gt;&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: x-small; line-height: 23px;&quot;&gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #f7f7f7; font-family: monospace, courier, &#39;Courier New&#39;; font-size: 13px; line-height: 23px; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;br /&gt;
Remplacez l&#39;url en rouge par celle de la page des Fans de votre blog sur Facebook, puis cliquez sur &quot;Enregistrer&quot; et allez voir ce que ça donne sur votre blog.&lt;br /&gt;
&lt;br /&gt;
Maintenant, vous aussi pouvez donc avoir un &lt;b&gt;gadget Fans sur Facebook flottant sur votre blog&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
@+&lt;br /&gt;
&lt;br /&gt;</description><link>http://blogger-au-bout-du-doigt.blogspot.com/2012/04/gadget-fans-sur-facebook-flottant-sur.html</link><author>noreply@blogger.com (Rodney)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5I3Ua9yewj0rE0w2pwfrbJD4O3BnSZa-qB71Tlx1SbFqLAa8WWf8xpZXNN3PGSQJvViVhIDeQ9J1HnPA4fJF9SlSQdMxUzGmyypJj9mR5EyUXu8Mmb-WNdcrEEaX4Z_H49hzxepq9r1lG/s72-c/gadget+facebook+flottant+sur+Blogger+blogspot.png" height="72" width="72"/><thr:total>54</thr:total></item></channel></rss>