cathy
September 23, 2023, 5:07am
1
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!
mjw
September 23, 2023, 12:02pm
2
Welcome to the Ghost community, @cathy .
Please share the code using the preformatted text button in the forum editor. Thanks.
cathy
September 28, 2023, 4:06am
3
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
mjw
September 28, 2023, 8:04am
4
With testing, I would add the first block to code injection, and the second, in an HTML card.
1 Like