CARA MENYIMPAN JAVA SCRIPT DI GITHHUB

Untuk menyimpan javascript biasanya kita gunakan googlecode, akan tetapi googlecode sebentar lagi akan ditutup dan rekomendasikan migrasi ke GitHub. Tutorial berikut akan mengupas cara menyimpan javascript pada github serta mempublish pada blog maupun web yang kita punya

Langkah 1

Jika sebelumnya belum mendaftar atau register di Github, maka register dahulu melalui halaman github.com
Jika sudah register dengan mengisi data username, email dan password, selanjutnya klik konfirmasi email yang dikirim oleh Github. (tidak di konfirmasi dulu juga bisa)

Langkah 2

Setelah login di halaman Github, dan memilih paket yang gratis atau free, lalu klik tanda + (plus) yang ada di pojok kanan atas sebelah username. Lalu pilih New repository.

new repository github
Langkah 3

Isi nama repository, (nama tempat penyimpanan file) misal isi dengan Javascript, status biarkan Public dan klik Create repository.

create new repository github

Langkah 4

Pada halaman selanjutnya (yaitu halaman repository) klik setting
setting new repository github

Langkah  5

Pada halaman selanjtnya, scroll ke bawah sampai bagian Github Pages, klik Automatic Page Generator, karena sebelum dapat menyimpan file kita harus membuat halaman terlebih dahulu

automatic page generator github

Langkah 6

Selanjutnya klik Continue to layouts. Isikan kode google analytics jika ingin halaman tersebut di track.
continue to layout github

Langkah 7

Selanjutnya kita akan masuk ke halaman yang sudah dibuat sebelumnya, dan klik Publish page

publish page github
Langkah 8

Setelah di klik publish page, kita akan kembali ke halaman repository (https://github.com/username/namarepository) Lalu klik tanda + (plus) yaitu untuk membuat file baru.

buat file baru di github

Langkah 9

Selanjutnya isikan nama file diakhiri dengan ekstensi .js, dan paste script yang kita miliki di bagian bawah. (Jika ingin menyimpan file css maka isi nama file diakhiri ekstensi .css)

copy dan paste script dan isi nama file .js

Langkah 10

Jika sudah di paste scroll ke bawah dan klik Commit new file
commit new file github
Langkah 11

Setelah di klik Commit new file kita akan kembali ke halaman repository. Pada langkah ini proses menyimpan script sudah selesai, selanjutnya tinggal mengambil link dari file tersebut. Klik kanan file yang sudah di buat, lalu pilih copy link location.

mengambil lokasi url script di github
Sehingga berdasar contoh di atas hasil link yang didapat seperti berikut https://github.com/bungdus/javascript/blob/gh-pages/relatedpost.js
§  bungdus adalah username
§  javascript adalah nama repository
Langkah 12
Buka halaman Rawgit.com. Pastekan link tadi seperti pada gambar dibawah ini, dan copy link pada kotak seperti pada gambar dibawah ini. Pilih saja Link yang saya beri kotak warna merah seperti gambar dibawah
halaman Rawgit.com
link no 2 tersebut yang kita letakkan di blog maupun web yang kita punya
Demikian cara menyimpan javascript di Github, tidak hanya javascript tapi juga file-file lain yang bisa di simpan secara ekternal seperti css juga bisa di simpan di github..

Be the first to comment

Leave a Reply

Your email address will not be published.


*