Cara Upload dan Menggunakan file CSS / JavaScript di Github

Pada kesempatan ini saya akan membagikan tutorial cara menyimpan file JavaScript dan CSS di Github. Sebenarnya postingan ini sudah saya publish di blog saya terdahulu, sayang blognya sudah terhapus tapi untunglah saja saya masih punya backupan artikelnya, oke langsung saja simak artikelnya.

Bagi pengguna web/blog atau bagi yang suka dengan otak atik template blog pastinya membutuhkan tempat penyimpanan file seperti JavaScript maupun CSS untuk memperpendek atau meringkas file tersebut.

Beberapa waktu lalu Google Code telah dinonaktifkan, dan mereka merekomendasikan untuk menggunakan salah satu layanan penyedia hosting terbaik yaitu Github untuk menyimpan file external.

Pada postingan sebelumnya saya telah membagikan cara upload/simpan file seperti ini di Google Drive, menyimpan file di Google Site, dan yang terakhir menyimpan file di Google Code. Nah, berikut langkah-langkah cara menyimpan file di Github.

Cara Upload / Menyimpan File CSS / JavaScript di Github

Cara Menyimpan File di Github

Daftar dan buat akun di Github.com, Selesai daftar silahkan Login dengan akun Github kamu. Pilih "New Repository" pada Tab Menu bagian atas website, perhatikan gambar dan ingat yang di pilih adalah "New Repository".

Pilih "New Repository" pada Tab Menu

Selanjutnya kita akan berada dihalaman proyek, dimana disini kita akan membuat folder tempat penyimpan file yang nantinya akan dimasukkan. Ikuti langkah-langkahnya seperti gambar dibawah ini:

Buat halaman Proyek

Selanjutnya klik tanda Plus ( Create A New File Here ) seperti pada gambar dibawah ini:

Create A New File

Jika sudah pada halaman seperti gambar dibawah ini silahkan kamu masukan JavaScript yang ingin kamu simpan disini.

Berikan nama proyek terserah kamu dan harus menggunakan extensi sesuai dengan jenis file yang akan di Upload, misalnya jika kamu memasukan JavaScript maka nama file harus berupa file.js atau file.css

Masukan  kode JavaScript dengan nama dan extensinya

Selanjutnya klik Commit new file untuk menyimpan proyek yang kamu buat.

Commit new file

Selesai kini kamu telah berhasil meyimpan filenya di Github. Lalu, bagaimana cara menggunkan file CSS dan JavaScrip yang telah tersimpan ini? ok lanjut...

Cara menggunakan link CSS & JS yang tersimpan di Github

Selanjutnya akan kembali pada halaman tadi, klik kanan pada file tersebut dan copy link addressnya.

copy link address

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

Nah silahkan gunakan link yang sudah sobat dapatkan tersebut, misalnya pada template blog, widget dan lain sebagainya.

Contohnya:

<script src='https://cdn.rawgit.com/Brando07/seocips/master/terbaru.js'></script>