Show your LinkedIn Badge on Hashnode

Connect your LinkedIn Badge on Hashnode 

Hey 👋 all, In this article we going to look at an amazing feature where we can add our LinkedIn Badge🥇 to the Hashnode Blog or you can also add it to your personal website and Resume. Isn't it a great thing to do?


If you do not know about hashnode, then you can visit the Hashnode and can find some of the exciting features that it's providing. Basically Hashnode is a Free Blogging platfrom where you can write your articles and publish them in your own Blog provided by Hashnode.


If you were looking to start your Blogging career or the Blog then Hashnode is the best platform to give a try - Believe me you gonna love it. Click here to visit Hashnode and Create your personal Blog for free.


Connect your LinkedIn Badge on Hashnode

Basically, the snippet👨💻 to embed this LinkedIn badge🥇 is provided by the LinkedIn itself and you can literally make it visible to all the posts and pages that you write on your Blog or the website.

 

This badge shows your profile picture🖼, the current working organization👨🏭 or the headline which you have written on your LinkedIn profile and by clicking on this badge readers can visit to your LinkedIn profile.

 

You see a basic example of how it looks like when embedded in my Hashnode Blog in the below provided image.

Show your LinkedIn Badge on Hashnode

Let's get started and find out🔎 how to do so.

Just follow these simple steps to get your LinkedIn badge on the Hashnode blog

 

1. Login to your LinkedIn, if you don't have account on LinkedIn then create one by visiting on LinkedIn and go to view profile page.


View Linkedin Profile


2. Now visit on the contact info as visible on the profile page and click on the pencil sign visible on the right upper corner, this will open a pop up with named as Edit contact info.


Edit Linkedin Profile


3. Now click on your profile URL and open it in a tab.


click on your profile URL


4. Scroll down till you find a section named Public Profile badge, this is available at the right lower side of the page, and now click on Create a badge.


Create Public Profile Badge


5. There are two steps to complete to create a badge, to do so now visit your blog dashboard section > widgets > click on Add new widget.


Hashnode Blog Dashboard


This will open a new widget section where you can paste the code that is provided in the LinkedIn.

6. Copy the first set of code and paste it in the Create New Widget section.


Show your LinkedIn Badge on Hashnode-new widget section


7. Now copy the second set of code as per your preference like which size and color of LinkedIn badge you want to add to your blog. Select the size & color and copy-paste the code below the first set of code.


size and color of LinkedIn badge you want to add to your blog.


8. Set the Widget ID as per the name you like and ON the Pin Widget option below the widget id, Select the location where you want to display this badge in your blog and at last click on Create.


Show your LinkedIn Badge on Hashnode - Created


Holla🎊🎊, Your badge is ready and now available on the each post of your blog. You can view any of your post to see if it works or not.

Drop you love in the comment section if it works for your Hashnode blog.

 

The same kind of Badge can be implemented on your personal website as well by pasting the same sets of code on your site editor, if you are able do so then you can or sent the same snippets to your website developer to do for you.

 

NOTE: Do not copy as the same set of code as seen in the images this snippet is for my LinkedIn Badge

 

Thank you for reading, Will love to hear your valuable feedback.

 

If anything is confusing or incorrect then let me know in the comment section. Thanks from my side, this is Mayank, keep learning and exploring !!


If you liked the article and find it useful then please consider Buying me a coffee, to show your love ❤ and support💪.

 

Meet you in the next article....till then Stay Safe Stay Healthy!!

Next Post Previous Post
No Comment
Add Comment
comment url

Best Buy Products