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>
Bagaimana mudah bukan? selamat mencoba.
0 Komentar untuk "Cara Upload dan Menggunakan file CSS / JavaScript di Github"