How to add this new section to your GitHub main profile (new trick)

Adel Benyahia
2 min readNov 9, 2022

In a new GitHub update, you can change the πŸ“– Overview section of your main profile.

Take a look before and after the changes that i made to my main profile

Before:

After:

As you can see in this highlighted image

How to Add this new section?

. Go to your GitHub profile page.

. Go to Repositories section and check for a repository with the same name as your GitHub username (adelpro) in my case.

. If you did not find it create a new one with the same name as your GitHub username

. At the right in the blue square, click on the β€œAdd a README” button

. Add what you wont to the README.md file using Markdown

I will share with your my Markdown code

. First upload this file

https://github.com/adelpro/adelpro/raw/main/hi.gif

. Then add this code the README.md file

# Hi ![](hi.gif)My name is Adel Benyahia## Contact me βœ‰[![twitter][1.1]][1]
[![facebook][2.1]][2]
[![github][3.1]][3]
[![medium][4.1]][4]
[1.1]: http://i.imgur.com/tXSoThF.png "twitter icon with padding"
[2.1]: http://i.imgur.com/P3YfQoD.png "facebook icon with padding"
[3.1]: http://i.imgur.com/0o48UoR.png "github icon with padding"
[1]: https://www.twitter.com/adelpro
[2]: https://www.facebook.com/adel.benyahia
[3]: https://github.com/adelpro
[4]: https://adelpro.medium.com
[4.1]: https://i.imgur.com/tijdQEw.png "medium icon with padding"

Update the code accordingly ( the first line, tags [1],[2],[3],[4])

Learn more

--

--

Adel Benyahia

Web application developer (HTML β”‚ CSS β”‚ JS | ReactJS | NextJS | NestJS | MERN)