Insérer une signature dans ses messages sur Blogger

signature-blogger

Insérer une signature dans ses messages sur Blogger

Depuis que je réalise des designs de blogs, je me suis aperçue que vous étiez beaucoup à vouloir insérer une signature personnalisée et automatique dans vos articles. Bien entendu, il est possible d’ajouter « manuellement » une signature à chaque nouvel article (comme vous le feriez pour une image), mais il faut avouer que c’est pas très pratique… Et si jamais vous souhaitez changer par la suite, bonjour la galère pour éditer chacun de vos articles ! Je vais donc vous expliquer ici comment ajouter une signature automatique dans vos messages sur Blogger !

AVANT PROPOS : 
Afin de réaliser ce tutoriel, il vous faudra héberger votre signature sur un hébergeur d’image. Personnellement, j’aime beaucoup Photobucket que j’utilise depuis 1000 ans, environ (gloire à l’époque Myspace !), vous avez aussi ImageShack (sans inscription, il me semble), Servimg etc…
Alors, voici une technique pour ajouter une signature sur Blogger de façon très simple. Grâce à cette manipulation, votre signature apparaîtra automatiquement sur chaque nouveau message crée. En revanche, votre signature ne sera pas ajoutée automatiquement à vos anciens messages.
Tout d’abord, créez votre signature. Vous pouvez utiliser pour ça les outils de créations habituels (Photoshop, Gimp etc), ou alors ce site qui permet d’éditer simplement une signature. Ensuite, hébergez-la sur l’hébergeur de votre choix. Le but étant d’avoir un URL de votre signature.
Ensuite, sur le tableau de bord de Blogger, voici la marche à suivre :
Paramètres > Publications et Commentaires > À côté de « Modèle d’Articles » cliquez sur Ajouter
Une fois avoir cliqué sur « Ajouter », vous avez normalement un champ de texte qui apparaît. C’est ici que vous allez devoir ajouter un code avec l’URL de votre signature (qui commence directement par http://… etc). Je vous propose ici plusieurs codes. Vous pouvez les copier/coller directement dans le champ de texte.
Pour une signature centrée :
<br>
<br>
<div align= »center »><img src= »ici, l’URL de votre image » /></div>
  Pour une signature à droite :
<br>
<br>
<div align= »right »><img src= »ici, l’URL de votre image » /></div>
  Pour une signature à gauche :
<br>
<br>
<div align= »left »><img src= »ici, l’URL de votre image » /></div>
Après avoir inséré le code avec l’URL de votre signature, vous pouvez sauvegarder en cliquant sur  » Enregistrer les paramètres  » (bouton orange en haut à droite). Et hop, c’est terminé !
Cette deuxième méthode est un peu plus compliquée que la première (enfin non, pas tellement !). Mais le gros avantage, c’est qu’avec cette technique votre signature apparaîtra sur absolument chaque article de votre blog. Même sur les plus anciens !
Sur le tableau de bord de Blogger, faîtes ceci :
Modèle > Modifier le code HTML > Rechercher le code suivant : <div class=’post-footer-line post-footer-line-1′> (Pour chercher plus facilement, faîtes Ctrl + F sur Pc ou Cmd + F sur Mac, et coller le code dans le champ de recherche)  
Une fois que vous avez trouvé ce code, il va falloir coller le code de la signature juste avant. Surtout ne touchez à rien, collez simplement le code de la signature juste au dessus de  » <div class=’post-footer-line post-footer-line-1′> « .
Exemple de code de signature :
<div align= »right »><img src= » ici, l’URL de votre image  » /></div>
(remplacer « right » par « left » pour mettre la signature à gauche, ou par « center » pour centrer la signature)
Pensez à cliquer sur « Prévisualiser le modèle » avant de sauvegarder. Vérifier que votre signature apparaisse correctement sur votre blog. Si ce n’est pas le cas, le problème provient du modèle de votre blog qui bug : pas grand chose à faire, reportez-vous à la première méthode que je vous propose. Si cela fonctionne, cliquez sur « Enregistrer le modèle ».
 
21 Comments
  • La Madame

    28 juin 2013 at 12:22 Répondre

    Tes conseils sont super Elsa! :o) J’adore venir sur ton blog, maudit que c’est beau! :o) Bisous :o)

    • Elsa ❤

      28 juin 2013 at 1:31 Répondre

      Merci, c’est trop cute <3 Des bisous à toi la Madame !

  • Emilie

    28 juin 2013 at 3:50 Répondre

    oh tiens je vais tester, et je te tiens au courant ;)

    • Elsa ❤

      28 juin 2013 at 7:29 Répondre

      Super, tu me diras si ça marche chez toi :-)

  • Lau'

    28 juin 2013 at 5:20 Répondre

    Merci 3 milliards de fois pour cet article !! Tu sauves la vie de pas mal d’entre nous je pense :)

  • FromSide2Side

    28 juin 2013 at 7:18 Répondre

    super .. c’est fait … merci .. au fait, tu n’utilises pas plutôt la balise : « 
    « 

  • Nicoline Defy

    28 juin 2013 at 7:25 Répondre

    Quelle belle idée ce tuto, tu es toujours au top !

    Bises,
    Nicoline.

  • JA_Smin

    28 juin 2013 at 10:15 Répondre

    Merci! Je vais essayer :) Bon week end!

  • Emilie

    29 juin 2013 at 12:41 Répondre

    ça ne marche pas chez moi, j’ai sauvegardé l’image sur flickr, et l’ajout apparait sur mon blog, mais pas l’image, j’ai un petit carré bleu avec point d’interrogation…
    pourtant le lien image fonctionne, je l’ai testé dans ma liste de liens média et il apparaissait…

  • Ophélie Blibli

    3 juillet 2013 at 8:46 Répondre

    J’adore tes conseils ! Je vais essayer d’ajouter une signature… En ce moment, je « retape » le design de mon blog et ce n’est pas de tout repos !
    Je t’écrirai si jamais je rencontre un petit souci… ! Bises !

  • Emotion Wizard

    8 juillet 2013 at 9:46 Répondre

    merci bcp !!! je pense l’utiliser!!! bon le plus dur va être d’en avoir une jolie ^^

  • Sam Vous Dit

    8 juillet 2013 at 7:34 Répondre

    Merci beaucoup. J’avais vu beaucoup de blog avec des signatures mais je ne savais pas comment c’était fait et surtout je pensais qu’il fallait une grande maîtrise en informatique. Donc, merci à toi pour tous ces bons conseils. Je vais m’empresser de les mettre en pratique ;)

  • Messages d'amour

    12 juillet 2013 at 6:05 Répondre

    thanks for sharing.

  • Lounge For Girls.

    27 août 2013 at 1:00 Répondre

    Moi j’ai pas « modèle de message »… J’ai modèle d’article ou modèle du formulaire de commentaire, et je ne trouve pas la ligne dans le code html… Un peu d’aide please ? :)

  • Walkofabrunette

    13 janvier 2014 at 7:40 Répondre

    Meme problème qu’émilie, ma signature n’apparait pas mais à la place un petit carré avec un « ? » à l’intérieur ! Une solution svp ? :)

  • Walkofabrunette

    13 janvier 2014 at 7:41 Répondre

    Meme problème qu’émilie, ma signature n’apparait pas mais à la place un petit carré avec un « ? » à l’intérieur ! Une solution svp ? :)

  • Liah Lyne

    31 janvier 2014 at 4:05 Répondre

    Vos conseils me sont très utiles ! Merci Elsa! Et a bientôt.

  • Charlotte Blogueuse

    9 mars 2014 at 12:37 Répondre

    Bonjour, je souhaite ajouter une signature à tous mes articles mais plutôt sous forme de texte et pas d’une image… Est-ce possible ?
    Merci et bravo pour votre blog très joli et plein de bons conseils !
    Charlotte Blogueuse de Trip in my dressing

  • Melgane Odathi

    9 juin 2014 at 7:37 Répondre

    Bonjour, j’ai un soucis. J’ai bien trouvé la bonne ligne, j’ai bien mis la nouvelle ligne au-dessus, mais la signature ne s’affiche pas dans mon article :/

Post a Comment