Login

jQuery My Dribbble Gallery


Buat Portofolio Sederhana Menggunakan Dribbble API v1

Step 1

Daftarkan Aplikasi

Dribbble sekarang memerlukan otentikasi minimum untuk mengakses API mereka. Membuat aplikasi lebih mudah daripada kedengarannya:

1. Go to this page
2. Masukkan semua informasi (Untuk "URL callback" Anda hanya dapat memasukkan nama domain Anda)

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

Step 2

Edit Website Kamu

Panduan ini mengasumsikan Anda memiliki pemahaman yang baik tentang HTML dan CSS. Membuka editor, dan paste berikut di tempat yang Anda ingin portofolio muncul:

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 anda

Simpan file dan meng-uploadnya ke situs Anda.

Demo Fork me on GitHub



Contributor:

issues