Linkedin Profile Badge

Hello,

Very new to web development. I am trying to add the Linked In Profile Badge to my about page.

There are two bits of code LinkedIn provides to copy and paste. I have copy and pasted both bits of code into the code injection on my about page and nothing is showing.

There must be a really simple step I am missing. If you can see the step I am missing, please advise.

Thank you!

Welcome to the Ghost community, @cathy.

Please share the code using the preformatted text button in the forum editor. Thanks.

Hello,

These are the instructions:

Copy and paste code anywhere
Step 1: Copy and paste the following script anywhere in your page (you only need to do this once)

<script src="https://platform.linkedin.com/badges/js/profile.js" async defer type="text/javascript"></script>

Step 2: Choose a badge from the options below, copy and paste the code (includes a link to your public profile)

<div class="badge-base LI-profile-badge" data-locale="en_US" data-size="medium" data-theme="dark" data-type="VERTICAL" data-vanity="cathy-diaz-819b8728b" data-version="v1"><a class="badge-base__link LI-simple-link" href="https://www.linkedin.com/in/cathy-diaz-819b8728b?trk=profile-badge">Cathy Diaz</a></div>

Thank you,
cathy

1 Like

With testing, I would add the first block to code injection, and the second, in an HTML card.

1 Like

It worked! Thank you!!!

2 Likes