4

I want to provide a link to my LinkedIn profile on the About Me page of my StackOverflow profile in the form of a link badge. LinkedIn offers several link badges and their HTML code.

I chose one badge and its HTML code is:

<a href="http://pk.linkedin.com/pub/ghazanfar-abbas/27/a/18b">

<img src="http://www.linkedin.com/img/webpromo/btn_viewmy_160x33.png" width="160" height="33" border="0" alt="View Ghazanfar Abbas's profile on LinkedIn">

</a>

In the LinkedIn instructions, it is written that just copy and paste the code where I want to show the badge. How can I use the above code to display the badge with my LinkedIn profile link on the About Me page of my profile? I have no idea how to write or use HTML.

11

You can translate that to Markdown quite easily:

[![View Ghazanfar Abbas's profile on LinkedIn](https://www.linkedin.com/img/webpromo/btn_viewmy_160x33.png)](http://pk.linkedin.com/pub/ghazanfar-abbas/27/a/18b)

which becomes:

View Ghazanfar Abbas's profile on LinkedIn

That's a ![alt text](url) image link nested inside of a [link item](url) markdown link. You could use [...][#] numbered links too:

[![View Ghazanfar Abbas's profile on LinkedIn][1]][2]

[1]: https://www.linkedin.com/img/webpromo/btn_viewmy_160x33.png
[2]: http://pk.linkedin.com/pub/ghazanfar-abbas/27/a/18b

Alternatively, you can re-use the HTML LinkedIn provides, but you'll have to stick to the HTML subset supported.

The following HTML works:

<a href="http://pk.linkedin.com/pub/ghazanfar-abbas/27/a/18b">

<img src="https://www.linkedin.com/img/webpromo/btn_viewmy_160x33.png" width="160" height="33" alt="View Ghazanfar Abbas's profile on LinkedIn">

</a>

removing the border="0" attribute, which renders as:

View Ghazanfar Abbas's profile on LinkedIn

3
  • Awesome!!!. Thank you sooo much :) – sgarizvi Feb 16 '13 at 17:36
  • Great. I didn't know we could use nested alternate text feature. – sgarizvi Feb 16 '13 at 17:41
  • Nice, you've found a way to link images without the dotted border! Just add some additional newlines within the <a> -- I never noticed that. – Arjan Feb 17 '13 at 11:59

You must log in to answer this question.

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