Using GitHub Buttons

Other topics

Remarks:

Credits:

  • Gif images recorded with Recordit
  • Static images taken with Snipping Tool
  • Code editor used in full tutorials was codepen.io

Follow Button

A follow button is a button that links to a GitHub user page and prompts the user to follow the user. Here's how to create one:

  1. Go onto github:buttons
  2. Click "Follow"

Gif of user clicking "Follow"

  1. Place your GitHub username in the box labeled ":user"

Gif of user placing their GitHub username in the box labeled ":user"

  1. Customize the button using the boxes "Large button", "Show count", and "Standard icon":

Original Button

Large button

Show count button

  1. Place this code in the <head> or before the end of the <body> of your code:

<a class="github-button" href="https://github.com/hubot" aria-label="Follow @hubot on GitHub">Follow @hubot</a>

  1. Place the customized button rendering code in your code.Full Gif tutorial

All Other Buttons

All of the other buttons you can create, are buttons that link to a GitHub repository and prompts the user to complete a certain action. These buttons can do actions such as:

  • Watch a repository
  • Star a repository
  • Fork a repository
  • Download a repository
  • List an Issue with a repository

Here's how to create some:

  1. Go onto github:buttons
  2. Click the button type you want to create (Watch, Star, Fork, Download, or Issue)

Button click example

  1. Place your GitHub username in the box labeled ":user", and your repository in the box ":repo"

Repo insert example

  1. Customize the button using the boxes "Large button", "Show count", and "Standard icon":

Download Button

Issue Button

Star Button

  1. Place this code in the <head> or before the end of the <body> of your code:

<a class="github-button" href="https://github.com/hubot" aria-label="Follow @hubot on GitHub">Follow @hubot</a>

  1. Place the customized button rendering code in your code.

Full tutorial

Contributors

Topic Id: 10585

Example Ids: 31774,31775

This site is not affiliated with any of the contributors.

Content on the page is taken from Stack Overflow Documentation

This site is NOT affiliated with Stack Overflow or any of the contributors. | Privacy Policy | Terms of Service