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 ».
Dans le même style
21 commentaires
Répondre à Nicoline Defy Annuler la réponse
Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.
Tes conseils sont super Elsa! :o) J’adore venir sur ton blog, maudit que c’est beau! :o) Bisous :o)
Merci, c’est trop cute <3 Des bisous à toi la Madame !
oh tiens je vais tester, et je te tiens au courant ;)
Super, tu me diras si ça marche chez toi :-)
Merci 3 milliards de fois pour cet article !! Tu sauves la vie de pas mal d’entre nous je pense :)
Mais de rien :-)
super .. c’est fait … merci .. au fait, tu n’utilises pas plutôt la balise : «
«
Une petite erreur dans ton message, non ?
Quelle belle idée ce tuto, tu es toujours au top !
Bises,
Nicoline.
Merci! Je vais essayer :) Bon week end!
ç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…
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 !
merci bcp !!! je pense l’utiliser!!! bon le plus dur va être d’en avoir une jolie ^^
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 ;)
thanks for sharing.
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 ? :)
Meme problème qu’émilie, ma signature n’apparait pas mais à la place un petit carré avec un « ? » à l’intérieur ! Une solution svp ? :)
Meme problème qu’émilie, ma signature n’apparait pas mais à la place un petit carré avec un « ? » à l’intérieur ! Une solution svp ? :)
Vos conseils me sont très utiles ! Merci Elsa! Et a bientôt.
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
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 :/