{"id":149,"date":"2021-01-07T13:06:56","date_gmt":"2021-01-07T13:06:56","guid":{"rendered":"https:\/\/menukaishan.com\/?p=149"},"modified":"2021-01-07T13:21:36","modified_gmt":"2021-01-07T13:21:36","slug":"how-to-add-stackoverflow-profile-badge-to-your-web-site","status":"publish","type":"post","link":"https:\/\/menukaishan.com\/index.php\/2021\/01\/07\/how-to-add-stackoverflow-profile-badge-to-your-web-site\/","title":{"rendered":"How to add Stackoverflow Profile badge(Flair) to your web site."},"content":{"rendered":"\n

<\/p>\n\n\n\n

If you are from a Software development background or an IT undergraduate, you may already use StackOverflow.com for your day-to-day task? There is a chance you might have seen a cure badge with Stackoverflow user’s details such as reputation and count of badges. (For example, you can see my profile on this site home page<\/a>) This cute badge is named Flair <\/strong>in Stackoverflow.<\/p>\n\n\n\n

If you are an enthusiastic contributor to Stackoverflow, you may like to add that to your Portfolio. But there is one condition in addition to having a Stackoverflow account, you should have a reputation of over 200 in Stackoverflow. If you have that, Stackoverflow has made that easy to do. For this, you should able to add custom HTML code wherever you want to add this. Let’s see how we can do that.<\/p>\n\n\n\n

Assuming you have already logged into your Stackoverflow.com site then please click on your profile picture in the right upper corner. It will send you to your Activity <\/strong>page on Stackoverflow. After that Please click on Edit profile and settings<\/strong> on the Left upper corner<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Then on Left side meu under SITE SETTINGS click on Flair<\/strong>.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

In this page you can see 5 different Flair types you can use<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Under these examples there is two options you can select.<\/p>\n\n\n\n