{
    "id": 9665,
    "type": "post",
    "title": "Citation d'amour du jour : l'afficher automatiquement sur son blog",
    "slug": "la-citation-d-amour-du-jour-sur-votre-blog",
    "url": "https://www.dico-micro.com/la-citation-d-amour-du-jour-sur-votre-blog/",
    "description": "Le Dico des citations propose un script gratuit à copier sur un blog pour afficher chaque jour une citation d'amour différente, sans base de données à gérer.",
    "chapo": "Le Dico des citations propose un script gratuit à copier sur un blog pour afficher chaque jour une citation d'amour différente, sans base de données à gérer.",
    "date_published": "2023-07-02T10:04:16+02:00",
    "date_modified": "2026-09-26T16:32:35+02:00",
    "language": "fr-FR",
    "translations": null,
    "categories": [
        {
            "name": "Actus high-tech",
            "url": "https://www.dico-micro.com/sujet/actus-high-tech/"
        }
    ],
    "tags": [],
    "word_count": 719,
    "reading_time_min": 4,
    "image": "https://www.dico-micro.com/wp-content/uploads/2026/09/la-citation-d-amour-du-jour-sur-votre-blog.jpg",
    "image_alt": "Citation d'amour du jour : l'afficher automatiquement sur son blog",
    "author": {
        "name": "Dico Micro",
        "url": "https://www.dico-micro.com/author/dico-micro/",
        "bio": "La rédaction de Dico Micro : matériel, logiciels et culture geek, expliqués sans jargon.",
        "avatar": "https://www.dico-micro.com/uploads/auteurs/dico-micro-robot.webp"
    },
    "content_markdown": "Un widget qui change de texte chaque jour, sans que vous ayez à y toucher : c’est ce que propose le Dico des citations à qui tient un blog et veut y glisser une [citation d'amour](http://www.dicocitations.com/citation-amour-du-jour.php) renouvelée quotidiennement.\n\nLe principe tient en une ligne de code à copier dans votre page. Le script va chercher la citation du jour sur le site source et l’affiche automatiquement, sans base de données à gérer de votre côté ni mise à jour à programmer.\n\n## Le script à copier-coller\n\nLe Dico des citations propose ce service par l’[inclusion d'un script](http://www.dicocitations.com/insertion-citation-amour-jour.php) très simple, à placer dans le code source de votre page, à l’endroit exact où vous voulez voir apparaître la citation :\n\n- une balise *script* qui pointe vers *citationamourblog.js*, chargée en JavaScript ;\n- une balise *noscript* de secours, qui affiche un simple lien texte pour les navigateurs où JavaScript est désactivé ou bloqué.\n\nCette seconde balise n’est pas un détail : sur un blog visité depuis un vieux navigateur ou un extincteur de scripts, elle évite d’afficher un espace vide à la place de la citation.\n\n  **Où coller le code**\n\nPlacez le script directement dans le corps de l’article ou dans un widget de barre latérale, jamais dans l’en-tête de la page : un script chargé trop tôt peut ralentir l’affichage du reste du site le temps qu’il se charge.\n\n## Ce que voit le visiteur\n\nConcrètement, le script insère une phrase et son auteur, mise à jour une fois par jour. Un exemple donne une bonne idée du rendu : une [citation d'amour](http://www.dicocitations.com/citation-saint-valentin.php) attribuée à Friedrich Nietzsche, sur le thème de l’amour et de la mesure, s’affichait ainsi un 7 février, jour choisi au hasard dans les archives du site.\n\nLe format reste volontairement sobre : une phrase, un nom d’auteur, rien d’autre. Pas de photo, pas d’encadré publicitaire, ce qui permet au widget de s’intégrer dans à peu près n’importe quelle mise en page sans jurer avec le reste du design.\n\n  **Une citation par jour, pas plus**\n\nLe contenu change une fois par 24 heures. Si vous rafraîchissez la page plusieurs fois dans la journée, vous verrez toujours la même phrase : c’est le fonctionnement normal du script, pas un blocage à corriger.\n\n## Pourquoi ce genre de widget donne envie de revenir\n\nUn contenu qui change chaque jour, même minime, donne une raison concrète de revisiter une page : c’est le même ressort qu’une météo du jour ou qu’un horoscope. Sur un blog consacré aux [citations d'amour](https://www.dico-micro.com/poesie-et-citations-damour/) ou à la poésie sentimentale, cette citation renouvelée fonctionne comme une accroche discrète en page d’accueil ou en pied de page.\n\nAutour du 14 février, l’intérêt grimpe naturellement : beaucoup de blogueurs cherchent alors des [mots d'amour pour la Saint-Valentin](https://www.dico-micro.com/mots-damour-la-saint-valentin/) à partager, et un widget déjà en place évite de devoir chercher une phrase à la dernière minute.\n\n  **Ce qui rend l’installation simple**\n\nAucune inscription, aucune clé d’API à demander : le script fonctionne dès qu’il est collé dans la page. C’est ce qui explique qu’il ait été repris sur des dizaines de blogs personnels au fil des années, bien avant l’époque des widgets en glisser-déposer.\n\nReste un point de vigilance : le script dépend d’un serveur externe. Si celui-ci est temporairement indisponible, la balise de secours prend le relais et affiche un simple lien vers les citations d’amour du site, ce qui évite un espace cassé sur votre page en cas de souci passager.\n\n## Sur quel type de site l’installer\n\nLe code fonctionne sur n’importe quelle page HTML, y compris un thème WordPress édité directement, un blog sur une plateforme qui autorise l’ajout de HTML personnalisé, ou une page perso plus ancienne codée à la main. Sur WordPress, le plus simple reste de le coller dans un bloc « HTML personnalisé » du thème plutôt que dans l’éditeur d’article classique, pour qu’il s’affiche sur toutes les pages du site et pas seulement sur un article isolé.\n\nSur une plateforme qui bride l’ajout de scripts externes pour des raisons de sécurité, comme certains hébergeurs de blogs gratuits, le code peut être refusé au moment de l’enregistrement de la page. Dans ce cas, la version en lien texte de la balise de secours reste la seule option, ce qui donne malgré tout accès à la même page de citations, sans l’effet de mise à jour automatique.",
    "content_html": "<p>Un widget qui change de texte chaque jour, sans que vous ayez à y toucher : c’est ce que propose le Dico des citations à qui tient un blog et veut y glisser une <a href=\"http://www.dicocitations.com/citation-amour-du-jour.php\">citation   d'amour</a> renouvelée quotidiennement.</p>\n\n<p>Le principe tient en une ligne de code à copier dans votre page. Le script va chercher la citation du jour sur le site source et l’affiche automatiquement, sans base de données à gérer de votre côté ni mise à jour à programmer.</p>\n\n<h2>Le script à copier-coller</h2>\n\n<p>Le Dico des citations propose ce service par l’<a href=\"http://www.dicocitations.com/insertion-citation-amour-jour.php\">inclusion d'un script</a> très simple, à placer dans le code source de votre page, à l’endroit exact où vous voulez voir apparaître la citation :</p>\n\n<ul>\n<li>une balise <em>script</em> qui pointe vers <em>citationamourblog.js</em>, chargée en JavaScript ;</li>\n<li>une balise <em>noscript</em> de secours, qui affiche un simple lien texte pour les navigateurs où JavaScript est désactivé ou bloqué.</li>\n</ul>\n\n<p>Cette seconde balise n’est pas un détail : sur un blog visité depuis un vieux navigateur ou un extincteur de scripts, elle évite d’afficher un espace vide à la place de la citation.</p>\n\n<aside class=\"bluf bluf-rose\">\n<strong>Où coller le code</strong>\n<p>Placez le script directement dans le corps de l’article ou dans un widget de barre latérale, jamais dans l’en-tête de la page : un script chargé trop tôt peut ralentir l’affichage du reste du site le temps qu’il se charge.</p>\n</aside>\n\n<h2>Ce que voit le visiteur</h2>\n\n<p>Concrètement, le script insère une phrase et son auteur, mise à jour une fois par jour. Un exemple donne une bonne idée du rendu : une <a href=\"http://www.dicocitations.com/citation-saint-valentin.php\">citation  d'amour</a> attribuée à Friedrich Nietzsche, sur le thème de l’amour et de la mesure, s’affichait ainsi un 7 février, jour choisi au hasard dans les archives du site.</p>\n\n<p>Le format reste volontairement sobre : une phrase, un nom d’auteur, rien d’autre. Pas de photo, pas d’encadré publicitaire, ce qui permet au widget de s’intégrer dans à peu près n’importe quelle mise en page sans jurer avec le reste du design.</p>\n\n<aside class=\"bluf bluf-violet\">\n<strong>Une citation par jour, pas plus</strong>\n<p>Le contenu change une fois par 24 heures. Si vous rafraîchissez la page plusieurs fois dans la journée, vous verrez toujours la même phrase : c’est le fonctionnement normal du script, pas un blocage à corriger.</p>\n</aside>\n\n<h2>Pourquoi ce genre de widget donne envie de revenir</h2>\n\n<p>Un contenu qui change chaque jour, même minime, donne une raison concrète de revisiter une page : c’est le même ressort qu’une météo du jour ou qu’un horoscope. Sur un blog consacré aux <a href=\"/poesie-et-citations-damour/\">citations d'amour</a> ou à la poésie sentimentale, cette citation renouvelée fonctionne comme une accroche discrète en page d’accueil ou en pied de page.</p>\n\n<p>Autour du 14 février, l’intérêt grimpe naturellement : beaucoup de blogueurs cherchent alors des <a href=\"/mots-damour-la-saint-valentin/\">mots d'amour pour la Saint-Valentin</a> à partager, et un widget déjà en place évite de devoir chercher une phrase à la dernière minute.</p>\n\n<aside class=\"bluf bluf-vert\">\n<strong>Ce qui rend l’installation simple</strong>\n<p>Aucune inscription, aucune clé d’API à demander : le script fonctionne dès qu’il est collé dans la page. C’est ce qui explique qu’il ait été repris sur des dizaines de blogs personnels au fil des années, bien avant l’époque des widgets en glisser-déposer.</p>\n</aside>\n\n<p>Reste un point de vigilance : le script dépend d’un serveur externe. Si celui-ci est temporairement indisponible, la balise de secours prend le relais et affiche un simple lien vers les citations d’amour du site, ce qui évite un espace cassé sur votre page en cas de souci passager.</p>\n\n<h2>Sur quel type de site l’installer</h2>\n\n<p>Le code fonctionne sur n’importe quelle page HTML, y compris un thème WordPress édité directement, un blog sur une plateforme qui autorise l’ajout de HTML personnalisé, ou une page perso plus ancienne codée à la main. Sur WordPress, le plus simple reste de le coller dans un bloc « HTML personnalisé » du thème plutôt que dans l’éditeur d’article classique, pour qu’il s’affiche sur toutes les pages du site et pas seulement sur un article isolé.</p>\n\n<p>Sur une plateforme qui bride l’ajout de scripts externes pour des raisons de sécurité, comme certains hébergeurs de blogs gratuits, le code peut être refusé au moment de l’enregistrement de la page. Dans ce cas, la version en lien texte de la balise de secours reste la seule option, ce qui donne malgré tout accès à la même page de citations, sans l’effet de mise à jour automatique.</p>",
    "alternates": {
        "html": "https://www.dico-micro.com/la-citation-d-amour-du-jour-sur-votre-blog/",
        "markdown": "https://www.dico-micro.com/la-citation-d-amour-du-jour-sur-votre-blog.md",
        "json": "https://www.dico-micro.com/api/post/la-citation-d-amour-du-jour-sur-votre-blog.json"
    },
    "site": {
        "name": "Dico Micro",
        "url": "https://www.dico-micro.com/"
    },
    "license": "Reproduction autorisée avec lien vers la source."
}