Cara Menyimpan File Javascript, CSS atau HTML di Github

RudiEtnovian.Com - Bagi teman-teman yang hobi desain template atau apapun itu namanya yang berhubungan dengan Javascript, CSS atau pun HTML pasti seringkali membutuhkan media penyimpanan Javascript, CSS atau HTML secara online.

Kalau dulu media penyimpanan yang sangat populer di kalangan programer adalah Google Code.

Akan tetapi semenjak Google Code resmi ditutup pada Maret 2015 lalu.

Para programer banyak yang bermigrasi ke Github, Bitbucket, Yourjavascript dan sebagainya.

Nah, untuk kali ini saya ingin share Cara Menyimpan File Javascript, CSS atau HTML di Github.

Barangkali masih ada di antara teman-teman semua yang masih belum mengetahui Bagaimana Cara Menyimpan File Javascript, CSS atau HTML di Github yang akan digunakan untuk menyimpan pengaturan Javascript,  CSS maupun HTML yang akan diload pada ke blog masing-masing.

1. Login ke akun Github. Jika belum punya akun Github, silahkan daftar terlebih dahulu di http://github.com/.

2. Jika sudah masuk ke akun Github, klik tanda tambah yang ada pada sudut kanan atas.

3. Lalu isi kolom "Name Repository" yang tersedia disana. Gunakan nama yang mudah diingat saja. pilih "Public".

Lalu ceklis "Initialize this repository with a Readme". Lalu klik "Create Repository".

4. Lalu klik "Create New File" untuk membuat file baru atau klik "Upload Files" jika file yang akan teman-teman simpan sudah ada.

5. Lalu buat nama filenya dan copy paste kode script yang akan teman-teman simpan pada kolom yang telah disediakan. Lalu klik "Commit New File".

6. Sampai pada tahap ini tugas kita sudah selesai, tetapi hanya sebatas menyimpan kode ke dalam akun github saja.

Kode-kode tersebut masih belum bisa diload secara otomatis ke dalam template blog.

7. Agar kode tersebut bisa diload secara otomatis, kita harus menempel link tersebut ke Rawgit.Com.

8. Caranya, klik kanan pada file baru tersebut, lalu pilih "Copy link Address". 

9. Buka "Rawgit.com". Pastekan link tadi pada kolom paling atas dan ambil link baru yang muncul di kolom sebelah kanan bawah.

10. Link baru tersebutlah yang akan kita tempel di dalam template nantinya. Sebelumnya buat link tersebut menjadi seperti berikut ini, barulah ditempel ke dalam template.

<script style="text/javascript" src="GANTI DENGAN LINK BARU DARI RAWGIT.COM">
</script>

Demikianlah tutorial Bagaimana Cara Menyimpan File Javascript, CSS atau HTML di Github tersebut. Semoga bisa bermanfaat.

Postingan ini telah diupdate pada tanggal 01 Juli 2021