Friday, October 7, 2016

Cara Terbaru Hosting Kode CSS/JavaScript ke GitHub

Cara Hosting Kode CSS/JavaScript ke GitHub

Assalamu'alaikum warohmatullahi wabarokatuh. Dalam posting kali ini saya akan membahas tentang cara mengunggah/upload file yang berisi kode JavaScript (JS) dan CSS ke GitHub. Sebelumnya sobat mungkin tahu bahwa kita bisa menyimpan kode JS dan CSS di Google Drive, namun saat ini Google sudah tidak membolehkan hal tersebut. Usut punya usut ternyata Google ingin lebih memfokuskan Google Drive ke Visi-Misi utamanya dan tidak lagi menjadi web hostinger (sumber : G Suite Update. Mendengar kabar buruk ini saya jadi kerepotan memperbaiki beberapa kode yang saya hosting di Google Drive, namun atas hal itu saya juga mengucapkan kepada Google Drive atas jasa hosting web kamu selama ini heheh.

Baiklah, setelah Google Drive tidak bisa lagi menjadi hosting web, maka dari itu saya dan segenap blogger di seluruh dunia harus move on demi mencari yang lebih baik - yaelah baper - nah setelah melakukan pencarian besar-besaran, akhirnya saya menemukan hati situs yang bisa menjadi tempat hosting file web yang baik dan tidak sombong, perkenalkan namanya GitHub. Namanya mungkin tidak asing di telinga sobat. Baiklah langsung saja berikut ini cara hosting kode CSS dan JavaScript di GitHub.


Langkah pertama adalah buka homepage GitHub kemudian mendaftar atau kalau sobat sudah punya akun langsung saja masuk (sign in). Untuk sign up di github silakan pelajari lebih lanjut. Setelah sign in di github, buatlah sebuah repository.

Cara Terbaru Hosting Kode CSS/JavaScript ke GitHub

Setelah itu masukkan nama Repository yang sobat inginkan, lalu centang pada bagian Initialize this repository with a README setelah selesai tekan Create repository.

Cara Terbaru Hosting Kode CSS/JavaScript ke GitHub

Setelah repository sobat sudah jadi, pada tampilan seperti gambar berikut tekan Create new file atau kalau sobat sudah punya file dari kode CSS/JS di perangkat sobat silakan klik Upload files.

Cara Terbaru Hosting Kode CSS/JavaScript ke GitHub

Kemudian masukkan nama file yang sobat inginkan, misal untuk kode CSS masukkan nama-file.css sedangkan untuk file kode JavaScrip masukkan nama-file.js.

Cara Terbaru Hosting Kode CSS/JavaScript ke GitHub

Kemudian perhatikan di bagian bawah, tekan tombol Commit new file.

Cara Terbaru Hosting Kode CSS/JavaScript ke GitHub

Kemudian klik kanan pada file yang telah sobat buat tadi, lalu salin alamat dari file tersebut.

Cara Terbaru Hosting Kode CSS/JavaScript ke GitHub

Setelah menyalin alamat dari file tersebut, buka RawGit lalu tempel alamat dari file tadi pada kotak yang tersedia di RawGit lalu salin kode pada kotak yang bertuliskan Use this URL for development. Untuk alasan kenapa itu yang dipilih sedangkan pada kotak disebelahnya juga ada alamat file tadi bisa sobat baca penjelasan dibawah kotak tersebut.

Cara Terbaru Hosting Kode CSS/JavaScript ke GitHub

Untuk contoh penggunaannya di web/blog sobat bisa menggunakan kode berikut.
JavaScript (JS)
<script src='//rawgit.com/maringngerrang/hadi/master/kode.js' type='text/javascript'/>

Cascading Style Sheet (CSS)
<link href='//rawgit.com/maringngerrang/hadi/master/kode.css' rel='stylesheet' type='text/css'/>

Mungkin cukup sekian dari saya, semoga bisa bermanfaat, kalau ada yang ingin sobat tanyakan silakan sampaikan pada kotak komentar yang ada dibawah atau bisa juga melalui halaman contact blog ini. Terima kasih, assalamu'alaikum warohmatullahi wabarokatuh.

Sumber : http://www.seocips.com/2015/09/cara-menyimpan-file-javascript-dan-css-di-github.html
Disqus Comments