My Dribbble Gallery

jQuery Plugin

Buat Portofolio Sederhana Menggunakan Dribbble API v1.

Step1:

Daftarkan Aplikasi

  1. Pergi ke halaman ini.
  2. Masukkan semua informasi (Untuk "URL callback" Anda hanya dapat memasukkan nama domain Anda).

Catat Client Access Token, karena anda akan membutuhkannya di langkah berikutnya.

Step2:

Edit Website Kamu

CSS

<!-- Custom style my dribbble gallery -->
<link type="text/css" rel="stylesheet" href="src/my-dribbble-gallery.css" />

HTML

<!-- Your profiles -->
<div class="bcr_drb_profile"></div>

<!-- Your shot -->
<div class="dribbble bcr_drb_shots"></div>

<!-- Your buckets -->
<div class="dribbble bcr_drb_buckets" style="display:none"></div>

<!-- Your projects -->
<div class="dribbble bcr_drb_projects" style="display:none"></div>

<!-- Your teams -->
<div class="dribbble bcr_drb_teams" style="display:none"></div>

<!-- Your likes -->
<div class="dribbble bcr_drb_likes" style="display:none"></div>

<!-- Your followers -->
<div class="dribbble bcr_drb_followers" style="display:none"></div>

JS

<!-- Include jQuery -->
<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>

<!-- jQuery my dribbble gallery -->
<script src="src/my-dribbble-gallery.js"></script>

<!-- Setting Example -->
<script>
    bcr_mdg(
        drb_username = 'USERNAME',
        drb_token = 'TOKEN'
    );
</script>

Mengedit berikut:

  • Ganti "USERNAME" dengan nama dribbble anda.
  • Ganti “TOKEN” dengan access token aplikasi and.

keyboard_arrow_up