(Blogger) Insérer sa signature en fin d'article

Signer tous vos messages est une façon de personnaliser votre blog et si la signature est jolie de l'égayer..

Pour ce faire, vous avez deux solutions :

• au cas par cas, comme je l'ai expliqué dans cet article (vous trouverez aussi l'adresse d'un générateur en ligne)
• automatiquement, à chaque article, en passant pas le CSS :

 Vous allez dans Présentation > Modifier le code HTML, vous recherchez la ligne

.post-body

et vous la complétez avec l'adresse de l'image

.post-body {background:url(adresse de l'image);background-repeat:no-repeat;background-position:right bottom;padding-bottom:100px;}

Dans ce cas précis, l'image a été positionnée en bas à droite - background-position:right bottom - et on a créé une marge en bas - padding-bottom:100px - de la hauteur de l'image afin qu'elle n'empiète pas sur le texte.

Créer sa signature manuscrite

Pour personnaliser vos articles, il peut être sympa de les signer "manuellement". Si vous n'avez pas de scanner, le générateur de OnlinePersonalSignatureMaker vous sera utile. Il est assez facile à utiliser.

Cliquez sur :

Proceed si vous n'avez pas envie de vous enregistrer,

puis sur Create Signature

puis sur Using the signature creation wizard

Suivez ensuite les différentes étapes :

• entrez votre nom
• choisissez l'écriture la plus proche de la vôtre
• la taille d'écriture
• la couleur d'écriture
• l'orientation des mots

Votre signature apparaît.

Plusieurs choix :

• Want us to animate this signature? Service payant si vous désirez animer cette signature
• Want to download this signature? vous cliquez. Ensuite pour enregistrer votre signature, faîtes clic droit de la souris, enregistrer sous...

Vous hébergez ensuite cette image.

Want to use this signature? vous cliquez, puis sur Generating HTML code, puis sur Generated HTML Code for your signatur.

Vous obtenez ce code

<a href="http://www.mylivesignature.com" target="_blank"><img src="http://signatures.mylivesignature.com/54486/101/BC03414DE12471B7865485046ECF80EF.png" style="border: none; background: transparent;"/></a>

à coller en HTML



A voir : (Blogger) Insérer sa signature en fin d'article par le CSS