Cara Upload / Menyimpan File CSS dan JavaScript di Github

HaiSob apa kabar? semoga dalam keadan baik 😁. Nah, sobat pada kesempatan ini saya akan membagikan tutorial cara menyimpan file JavaScript dan CSS di Github.

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.

Pada postingan sebelumnya saya telah membagikan cara upload/simpan file seperti ini di Google Drivemenyimpan file di Google Site, dan yang terakhir menyimpan file di Google Code.

Cara Menyimpan File CSS JavaScript di Github


Cara Menyimpan File JavaScript dan CSS di Github

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

Info: Screenshot postingan ini di ambil dari blog admin yang lama (seocips yang kini tidak bisa di akses lagi), soalnya males bikin screenshot baru 😁. Thanks.

1. Daftar dan buat akun di Github.com
2. Selesai daftar silahkan Login dengan akun Github kamu.
3. 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
Pilih "New Repository" pada Tab Menu


3. 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
Buat halaman Proyek

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

5. 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 JavaScript
Masukan  kode JavaScript dengan nama dan extensinya

6. Selanjutnya klik Commit new file untuk menyimpan proyek yang anda buat.
Commit new file
Commit new file

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

8. 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
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>
Nah untuk cara upload File CSS ke Github kamu dapat melakukan langkah-langkah diatas.