Giter VIP home page Giter VIP logo

visitor-badge's Introduction

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.

visitor-badge's People

Contributors

feri-irawan avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.