Tutorial: Add a personal signature to your posts(with a demo video)

[AnuradhaP]

The personal signature is text that appears at the bottom of your posts. It is a feature available for Level 5 Local Guides in the Local Guides Connect. It is not clearly demonstrated how to create a personal signature in the Local Guide Connect help with HTML Code. This tutorial is going to show how to create a personal signature for Local Guides Connect posts with HTML Code.

In Local Guides Connect, we are allowed to use basic HTML in our personal signature. The first thing you should decide is what you are going to add to the signature then create the HTML code for it. In my signature, I have given links to my Google Maps Contribution page, Anuradhapura Community page, and Sri Lanka Local Guides Facebook Group.

You can use the following HTML code to create a link. The brown colour text gives the URL of the page you want to link. The green colour text is what will be displayed to the outside world.

<a href="https://www.google.lk/maps/contrib/111674156198905284525/contribute/@7.1802966,80.1290033,8z/data=!3...">My Contributions</a>

You can merge few links like this to create a personal signature. To separate the links I have used "|" (Pipe character). See the notes at the end of the post for more separators. The HTML code I used for my personal signature is given below.

<a href="https://www.google.lk/maps/contrib/111674156198905284525/contribute/@7.1802966,80.1290033,8z/data=!3...>My Contributions</b></a> | <a href="https://plus.google.com/communities/108877772177547307986">Moderator - Anuradhapura Local Guides</a> | <a href="https://www.facebook.com/groups/SriLankaLocalGuides/">Sri Lanka Local Guides Facebook Group</a>

You can copy this code to the Notepad and customise it. 

If you are simply going to add a text, you do not have to worry about HTML code.

After you create this HTML code simply follow the following steps to add your signature.

1. Copy the HTML Code you created.
2. Go to My Settings > Personal Profile > Personal Information.
3. Paste your signature text(i.e., the code you generated above) in the Signature box.
4. Click Save.

Now go to a post made by you and see. Your personal signature will be there under the every post you made, and it will be there for the future posts. 

Please see the following video demonstration. It shows how to copy the personal signature and save it.

If you change the personal signature, the new one will appear in old and future posts.

Notes:

1. You can not use break HTML tag and most of other HTML tags. I tried following HTML tags and they are working. Please let me know other htMl tags that work with personal signature, I will update this post.
   1. <b> Defines bold text - <b>Your Text</b>
   2. <em> Defines emphasized text - <em>Your Text</em>
   3. <i> Defines italic text - <i>Your Text</i>
   4. <strong> Defines important text - <strong>Your Text</strong>
2. Signature will be displayed in only one line.
3. In mobiles, the signature may be truncated, or it will be not displayed fully.
4. Try to use short display text; then it will be displayed correctly.
5. You can use following characters as separators. This is just a few characters. You can use any Unicode character as the separator. Just copy the character you want to have as a separator. 
   1. ||
   2. -
   3.  ¦
   4. ¤
   5. †
   6. ‡
   7. §
   8. ✱
   9. ✤
   10. ❃
   11. ❉

Following posts helped me in preparing this tutorial.

Profile Cards & Signatures

Making Signature Tab More Special 

Local Guides Connect Signature?

Small secret about signature on LG Connect

Please give your suggestions to improve this tutorial.

@Corrie and @TraciC Hope this will help others. 

 @IlankovanT have a look.

[TraciC]

Thanks for creating and sharing, @AnuradhaP!!

[IlankovanT]

@AnuradhaP thanks for sharing this. hope everyone can make their own signatures now 🙂

[SoniaK]

Hi @AnuradhaP, thank you for the tutorial. I am sure it will help a lot of people setting their signature. But for a layman like me, needs some more idea about setting signature with HTML codes. I tried to set my signature as below following your suggestion:

But as soon as I clicked on the save button, the link got changed and an error message came with the following comment:

Please let me know if I have done it wrong or how I should do it. 

[AnuradhaP]

@SoniaK Nice to hear my tutorial is helping you. Just click the submit button after the error message. If you still have the issue, please paste your code here or send as a private message.

[ShafiulB]

@AnuradhaP Hi !!

Many many thanks for your great share !!! 

This is so difficult for non-html user but you make this edits so easier for all.

[AnuradhaP]

@ShafiulB Thanks for your kind words.

[SoniaK]

Hi @AnuradhaP. Thanks. I did as you suggested and set my signature. But when I am composing new posts, the signature appears to be like below, instead of showing the display titles:

Would appreciate your assistance on the same.

Thank you in advance. 

[AnuradhaP]

@SoniaK Please send the code as a private message.

[SoniaK]

Ok @AnuradhaP. Sending it right away.