Awesome

visitor-badge

Visitor Badge untuk Website atau Github repository, Dibuat dengan ❤ dan PHP native oleh Saya

Demo Langsung

Anda bisa me-refresh halaman ini jika ingin membuktikannya 😄

Penggunaan

Untuk menggunakannya sangat mudah, Anda hanya perlu melakukannya seperti berikut:

HTML : <img src="https://visitor-badge.feriirawann.repl.co?username=YOUR_USERNAME&repo=YOUR_REPO_ID" alt="Visitor Badge" />
Markdown : ![Visitor Badge](https://visitor-badge.feriirawann.repl.co?username=YOUR_USERNAME&repo=YOUR_REPO_ID)

Anda juga bisa membuat badge dengan menggunakan Generator/Maker yang telah kami sediakan.

Paramter Standar

Parameter ini adalah URL parameter yang dibutuhkan (required)

Parameter	Deskripsi
`username`	Diisi dengan username repository github Anda
`repo`	Diisi dengan ID atau NAMA repository anda

Parameter Opsional

Menyamakan Angka Visitor Sesuai dengan Views Repository

Jika Anda ingin menyamakan atau melakukan restart angka pada badge menjadi angka dari views yang ada di Insight > traffic > views repository Anda.

Maka, Anda perlu menambahkan parameter baru di URL yaitu token, yang nilainya adalah akses token pribadi Anda, oleh karena itu Anda perlu membuat akses token pribadi, Caranya silahkan baca di Creating a personal access token

Info: <br> Untuk langkah ke-8 yang ada dipanduan Creating a personal access token, anda hanya perlu mencentang 1 permission yaitu public_repo

Contoh Penggunaan Token :

![Visitor Badge](https://visitor-badge.feriirawann.repl.co?username=YOUR_USERNAME&repo=YOUR_REPOSITORY&token=YOUR_PERSONAL_ACCESS_TOKEN)

Tipe Konten

Secara default badge yang dikembalikan adalah sebuah gambar PNG yang bisa saja buram, oleh karena itu, untuk saat ini telah disediakan tipe konten kedua yaitu SVG. Bagaimana mengatur tipe konten?

Untuk mengatur tipe konten Anda hanya perlu menambah parameter baru di URL, yaitu contentType.

Contoh Penggunaan ContentType :

![Visitor Badge](https://visitor-badge.feriirawann.repl.co?username=YOUR_USERNAME&repo=YOUR_REPOSITORY&contentType=svg)

Info: <br> Jika tipe konten yang Anda masukan tidak ada dalam daftar tipe konten yang di sediakan, maka secara default tipe konten yang akan diberikan kembali ke tipe konten PNG

Tampilan

Berikut adalah daftar parameter untuk mengatur tampilan badge

Paramter	Deskripsi
`label`	Ini untuk mengganti label default (VISITOR) dengan label lain
`color`	Ini untuk mengganti warna badge, anda bisa menggunakan nama warna (bahasa inggris), kode HEX, RGB, HSL
`style`	Ini untuk tampilan badge, untuk info lebih lanjut silahkan lihat style pada shield.io
`logo`	Jika anda ingin memberi logo, anda bisa lihat daftar logo di simple-icons

Contoh Kustomisasi

Label

Label : VIEWS
![Visitor Badge](https://visitor-badge.feriirawann.repl.co?username=YOUR_USERNAME&repo=YOUR_REPOSITORY&style=for-the-badge&label=VIEWS)

Label : PENGUNJUNG
![Visitor Badge](https://visitor-badge.feriirawann.repl.co?username=YOUR_USERNAME&repo=YOUR_REPOSITORY&style=for-the-badge&label=PENGUNJUNG)

Color

Name : ![Visitor Badge](https://visitor-badge.feriirawann.repl.co?username=YOUR_USERNAME&repo=YOUR_REPOSITORY&color=red)
HEX : ![Visitor Badge](https://visitor-badge.feriirawann.repl.co?username=YOUR_USERNAME&repo=YOUR_REPOSITORY&color=#e05d44)
RGB : ![Visitor Badge](https://visitor-badge.feriirawann.repl.co?username=YOUR_USERNAME&repo=YOUR_REPOSITORY&color=rgb%28224%2C+93%2C+68%29)
HSL : ![Visitor Badge](https://visitor-badge.feriirawann.repl.co?username=YOUR_USERNAME&repo=YOUR_REPOSITORY&color=hsl%2810%2C+72%25%2C+57%25%29)

Info: <br /> Untuk penggunaan warna RGB dan HSL pada markdown maka Anda perlu melakukan url encode

Style

![Visitor Badge](https://visitor-badge.feriirawann.repl.co?username=YOUR_USERNAME&repo=YOUR_REPOSITORY&style=STYLE_NAME)

Untuk nama gaya silahkan lihat daftar gaya pada shield.io

Logo

![Visitor Badge](https://visitor-badge.feriirawann.repl.co?username=YOUR_USERNAME&repo=YOUR_REPOSITORY&logo=LOGO_NAME)

Untuk nama logo, silahkan lihat daftar logo yang di sediakan oleh simple-icons

Dukungan

Dukung projek ini.

Semoga bermanfaat, terima kasih.