Skip to content

Latest commit

 

History

History
118 lines (75 loc) · 5.11 KB

README.md

File metadata and controls

118 lines (75 loc) · 5.11 KB

visitor-badge

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

Demo Langsung

Visitor Badge

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.

Maker

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:
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:
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:
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.

Saweria

Semoga bermanfaat, terima kasih.