6

I saw that someone put a widget or .gif into their profile section on Stack Overflow.

How can I put on a widget in my own profile?

[UPDATE]:

e.g.

  • This user added a flair widget of Stack Exchange on his profile.
  • This user added a nerdy score widget of Stack Exchange on his profile.
  • This user added the donate widget.
Improve this question
  • I think it helps if you share a link to said user profile. As far as I'm aware you can only embed an image but you can do some trickery with that if the image is hosted on a server you control. – rene Nov 17 '18 at 11:29
  • @rene Ok, I will update my question. – Benyamin Jafari Nov 17 '18 at 11:51
  • Okay, I found the answer that demonstrates how you can have some interaction here but be warned that the server-side bits are now gone and replaced with a NSFW site so don't click anything there (I already did that for you) but you get some idea what coulld be possible. – rene Nov 17 '18 at 12:15
  • Regarding donate widget: it's an ordinary image with ordinary link. No real widget i.e. no script or anything. (All the logic is made on paypal.com side when processing the link) – Shadow Wizard is Vaccinating Nov 20 '18 at 7:19
5

After login go to :

https://stackoverflow.com/users/flair

Simply copy and paste the provided HTML snippet wherever you want to show off your Stack Overflow flair. You can find various option (color / combine various SO account ...) to display your flair.

Your link to edit profile:

Edit your profile to add flair

Update because request in comment:

After complete nerd test its give you html like below:

<a href="http://www.nerdtests.com/ft_nq.php">
<img src="https://www.nerdtests.com/images/ft/nq/5ff9020d2a.gif" alt="I am nerdier than 96% of all people. Are you a nerd? Click here to take the Nerd Test, get geeky images and jokes, and talk on the nerd forum!"></a>

Image url is http -> change that to https and use this html on your profile. I use this as a answer.

I am nerdier than 96% of all people. Are you a nerd? Click here to take the Nerd Test, get geeky images and jokes, and talk on the nerd forum!

Improve this answer
  • I know about flair widget and mentioned link, but where is HTML page in stackoverflow profile editor? – Benyamin Jafari Nov 18 '18 at 7:05
  • I paste it on current editing profile section, and apparently work! +1 – Benyamin Jafari Nov 18 '18 at 7:09
  • How can I put on a flag like your profile? – Benyamin Jafari Nov 18 '18 at 7:11
  • :D upload image via SO it's goes to i.stack.imgur.com and its display on your profile :) – Shree Nov 18 '18 at 7:13
  • What's "SO"? :D stackoverflow? – Benyamin Jafari Nov 18 '18 at 7:23
  • SO / SE same thing you understand that :). Now enjoy SO channel . – Shree Nov 18 '18 at 7:25
  • I updated my question with nerdy widget example, I was tried to add the nerdy widget but apparently, SO does not support this widget, however this user did it. how? – Benyamin Jafari Nov 19 '18 at 21:24
  • 1
    See updated answer. – Shree Nov 20 '18 at 4:18

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .