

When combined with, the following URL is created for LinkedIn: Īfter entering the above URL in the browser, we get the following output: Label is the social network site name shown on the badge.įor the three social networks, the values for this parameter will be: The first parameter we’ll pass is of the following format: Label-Color We’ll use the URL and pass additional parameters to this URL to get the respective social badges. To get the respective badges for each social network, we’ll use Shields.io, which provides various endpoints letting users create and customize social badges. For this tutorial, we’ll add three: Twitter, YouTube and LinkedIn. You can add social badges of various websites like Instagram, Facebook, Twitter, etc. On clicking the badge, it will redirect to the respective social networking sites. For this reason, we’ve used an align attribute instead of CSS. After conversion, the HTML is sanitized, and for security reasons, it ignores certain HTML tags and attributes such as, , style etc. Note: GitHub converts the README Markdown to HTML and renders it on GitHub. Since all the contents in this section are center-aligned, we’ve wrapped the image in an HTML div tag with the align="center" attribute. The src attribute points to the URL we copied in the previous step. In the GitHub file editor, replace the README.md file content with the following code: We’re using the img tag as it’ll help us specify the width of the image. We’ll add this copied link to an HTML img tag to display it in the Markdown file. Go to the GIF Link and click on the Share button and then Copy GIF Link.
#Gif subtitle maker full#
I found this GIF on Giphy, which is full of free GIFs to use. The GIF used in this section can be found here. Here’s an image of the content that will be added in this section: You can read more about editing GitHub files at the official GitHub documentation on editing files.Īdding GIFs and Badges to Your GitHub Profile README To use the GitHub file editor, open README.md and click on the Edit this file icon (a pencil icon) on the top right of the page. You can use any other text editor you’re comfortable with.

We’ll use GitHub’s file editor to write and preview the changes. In the next few sections, we’ll add contents to our README.md file. Go to the repository you just created and you’ll see a README.md file added to the repository.

A special repository is created successfully.
