Make your customized Badges in a few minutes!

4 min readJul 23, 2020

Hello everyone, how’s it going?
We always see awesome things on GitHub repositories, and one of those is the READ.ME section.
To make your READ.ME unique and exciting you need to add something different with real functionality.
BADGES!

We gonna use shields.io(GitHub) to make our Badges.
So let’s get started!

LinkedIn Badge

As programmers, we need to be trackable so one of the most important Badges that we need to have is from our LinkedIn. I’m gonna show you 2 kinds of Badge that fit well in two different situations.

First of all, we need to go to shields.io, where we can build our customized Badges.
Scroll down until you see the “Your Badge” section:

Here we gonna add the label, message, and color then hit the Make Badge button
label = LinkedIn / message = LinkedIn / color = blue
We gonna be redirected to the compiled Badge:

Now we’ll make some changes using the website’s URL. Go ahead and on new Tab access the shields.io again and scroll down until you see the Style section:

You can choose whatever style you want, simply copy the code in the left and paste at the end of our Badge URL and hit Enter.
I’m gonna use the ?style=flat&logo=appveyor

So we gonna have something like this:

Now we can switch to the LinkedIn icon by simply writing “linkedin” instead “appveyor” at the end of our URL then hit Enter:
PS: You can find other logos to make your Badges on simpleicons.org

Then we have the LinkedIn icon :

Pretty cool right?
So now we gonna add a blue color to the label(The left side of our Badge) by adding &labelColor=blue at the end of the URL then hit Enter:

Almost there!
To finish our Badge we don’t need to have LinkedIn twice, we can delete the first “LinkedIn-” in the URL and hit Enter for the last time:

Here is your LinkedIn Badge with his icon and color, Awesome right?!!
This fits perfectly in your presentation repository.
And to use it you can copy the URL and paste as an image of a link tag in your READ.ME like this:

This look good!

We are not done yet!

Let’s do one more Badge design to you use in your repositories title.

As we made before, goes to the Your Badge section on shields.io and fit the label as “author”, the message should be your name, and choose a color, then press the Make Badge button: