When looking at your (or other user's) profile, you notice the small rectangular image with your name and rank - the "banner". This you can embed in other webpage, forum or your github for example. See, I embed mine at this page, and it is clickable, leading to the profile:
How to achieve this?
In plain HTML create the image with source leading to the banner wrapped into link tag, leading to your profile:
<a href="https://www.codeabbey.com/index/user_profile/your-user-url">
<img src="https://www.codeabbey.com/index/user_banner/your-user-url.png" alt="Your Name at CodeAbbey"/>
</a>
In MarkDown format - e.g. in GitHub etc idea is the same, again image wrapped into link:
[](https://www.codeabbey.com/index/user_profile/your-user-url)
This is the same for other formats (BB-code used in forum and so on). Just replace your-user-url with the
profile url of your account.
It is important to reference to the source image directly at this site, as explained above (not copy the image itself to your site) if you want it automatically update with your progress.