Cara Membuat Tombol (Follow, Watch, Star, Sponsor, Fork, Download) Github Di Blog

Github - Layanan host web untuk project pengembangan perangkat lunak yang menggunakan sistem kendali versi Git dan layanan hosting internet. Selain itu Github juga menawarkan Private Repository untuk project perangkat lunak source code.

Selain itu, Github juga menyediakan fungsionalitas dari tombolnya yaitu, Follow, Watch, Star, Sponsor, Fork, dan Download.

Di bawah ini saya akan membagikan tutorial Cara Membuat Tombol (Follow, Watch, Star, Sponsor, Fork, Download) Github Di Blog. Tapi sebelum melanjutkan membuat tombolnya, langkah pertama yg harus dilakukan yaitu Sign Up Github terlebih dahulu, karena nantinya Username dari Github tersebut akan dikonfigurasikan dengan tombol yg akan dibuat.

Membuat Tombol Github

1. Daftar akun Github terlebih dahulu, atau bisa lihat postingan Cara Daftar (Sign Up) Github.

2. Untuk menempatkan tombolnya di blog, maka login blogger.com terlebih dahulu

3. Di dashboard blogger, klik Tema >> Edit Tema , lalu copy script eksternal di bawah ini dan paste di atas </head>

<script async defer src="https://buttons.github.io/buttons.js"></script>

4. Selanjutnya, di bawah ini adalah kode-kode dari tombol-tombolnya dan bisa ditempatkan di mana aja. (bisa di atas <data:post.body/> atau bisa juga di Gadget HTML/Javascript)

(#) Follow

Follow
<a class="github-button" href="https://github.com/wendev89" data-size="large" data-show-count="true" aria-label="Follow @wendev89 on GitHub">Follow @wendev89</a>

Follow
<a class="github-button" href="https://github.com/wendev89" data-color-scheme="no-preference: light; light: dark; dark: dark;" data-size="large" aria-label="Follow @wendev89 on GitHub">Follow @wendev89</a>

(#) Sponsor

Sponsor
<a class="github-button" href="https://github.com/sponsors/wendev89" data-color-scheme="no-preference: light; light: dark; dark: dark;" data-icon="octicon-heart" data-size="large" aria-label="Sponsor @wendev89 on GitHub">Sponsor</a>

Sponsor
<a class="github-button" href="https://github.com/sponsors/wendev89" data-color-scheme="no-preference: light; light: dark; dark: dark;" data-icon="octicon-heart" data-size="large" aria-label="Sponsor @wendev89 on GitHub">Sponsor</a>

(#) Watch

Watch
<a class="github-button" href="https://github.com/wendev89/github-buttons/subscription" data-icon="octicon-eye" data-size="large" data-show-count="true" aria-label="Watch wendev89/github-buttons on GitHub">Watch</a>

Watch
<a class="github-button" href="https://github.com/wendev89/github-buttons/subscription" data-color-scheme="no-preference: light; light: dark; dark: dark;" data-icon="octicon-eye" data-size="large" data-show-count="true" aria-label="Watch wendev89/github-buttons on GitHub">Watch</a>

(#) Star

Star
<a class="github-button" href="https://github.com/wendev89/github-buttons" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star wendev89/github-buttons on GitHub">Star</a>

Star
<a class="github-button" href="https://github.com/wendev89/github-buttons" data-color-scheme="no-preference: light; light: dark; dark: dark;" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star wendev89/github-buttons on GitHub">Star</a>

(#) Fork

Fork
<a class="github-button" href="https://github.com/wendev89/github-buttons/fork" data-icon="octicon-repo-forked" data-size="large" data-show-count="true" aria-label="Fork wendev89/github-buttons on GitHub">Fork</a>

Fork
<a class="github-button" href="https://github.com/wendev89/github-buttons/fork" data-color-scheme="no-preference: light; light: dark; dark: dark;" data-icon="octicon-repo-forked" data-size="large" data-show-count="true" aria-label="Fork wendev89/github-buttons on GitHub">Fork</a>

(#) Download

Download
<a class="github-button" href="https://github.com/wendev89/github-buttons/archive/master.zip" data-icon="octicon-cloud-download" data-size="large" aria-label="Download wendev89/github-buttons on GitHub">Download</a>

Download
<a class="github-button" href="https://github.com/wendev89/github-buttons/archive/master.zip" data-color-scheme="no-preference: light; light: dark; dark: dark;" data-icon="octicon-download" data-size="large" aria-label="Download wendev89/github-buttons on GitHub">Download</a>

Ganti wendev89 dengan username github anda

Sekian tutorial Cara Membuat Tombol (Follow, Watch, Star, Sponsor, Fork, Download) Github Di Blog yg bisa dicoba. Semoga Bermanfaat!