SunDi3yansyah

Haha ketemu lagi sama orang ganteng B| jangan iri yakebetulan kemarin saya jalan-jalan di GitHub nemu repository bagus yaitu GitHub-jQuery-Repo-Widget untuk github yang bisa kita pasang di blog/web kita, ingat ini bisa di pasang di web berbasis apa saja, tetapi kali ini saya akan kasih contoh di Framework Octopress.

Liat dulu demonya

Code

1

<div class="github-widget" data-repo="twbs/bootstrap"></div>

Original repository twbs/bootstrap

Mau buat kaya gitu juga kan? Nah simak nih… Pertama download dulu repositorynya di bawah ini:

Kalau sudah di download silakan di extrak, ambil salah satu javascriptnya baik yang minify ataupun yang non minify sama saja

Minify: jquery.githubRepoWidget.min.js

Non-Minify: jquery.githubRepoWidget.js

Kopas salah satu JavaScript-nya ke repository octopress kita, misalnya di source/javascripts maka akan ada file di source/javascripts/jquery.githubRepoWidget.js atau source/javascripts/jquery.githubRepoWidget.min.js

Kemudian edit file source/_includes/custom/head.html tambahkan code seperti dibawah ini:

1

<script src="/javascripts/jquery.githubRepoWidget.js"></script>

atau

1

<script src="/javascripts/jquery.githubRepoWidget.min.js"></script>

Kemudian save. Nah sekarang coba kita buat page atau post baru, misalnya post kita berhubungan dengan repository Framework Laravel yang bisa anda lihat disini:

Framework Laravel

Cara menambahkan widget-nya ke postingan seperti ini

1

<div class="github-widget" data-repo="laravel/laravel"></div>

Kunci

1

<div class="github-widget" data-repo="username/nama-repository"></div>

Tips for Octopress: Karena belum ada syntax untuk bahasa di octopressnya maka kita membuatnya menggunakan HTML dulu, mungkin esok saya akan bisa membuat pluginnya.

Sekian postingan dari saya, jangan lupa follow my GitHub. Hapy coding, hapy hacking, not hapy carding a