Cara Menyimpan File Javascript CSS dan HTML di Github

|
Cara Menyimpan File Javascript CSS dan HTML di Github - Github adalah layanan penginangan web bersama untuk proyek pengembangan perangkat lunak yang menggunakan sistem pengontrol versi git dan layanan hosting internet. (wikipedia)
Jadi github merupakan software hosting untuk proyek open source yang menggunakan tool system revisi kontrol git. Github sebagian besar digunakan untuk mengkode. Github sangat populer di mata para blogger untuk menyimpan atau meng-hosting file seperti Javascript, CSS, dan HTML secara gratis dengan server MaxCDN, apalagi setelah layanan media hosting google code secara resmi ditutup pada bulan mei 2015, banyak para blogger berimigrasi dari google code ke Github maupun Bitbucket.

Github - Social Coding
GITHUB

Namun banyak para master blogger menyarankan untuk menggunakan hosting dari Github ini, karena aksesnya yang tanpa batas dengan server MaxCDN dan gratis pula. Yang membedakan Github dengan project hosting lainnya terlihat pada hal-hal berikut :
  • Github menggunakan Git sebagai tool utama dalam merivisi kode.
  • Github meyediakan free hosting untuk proyek open source.
  • Github mempunya fitur sosial seperti twitter, yakni profile, following, follower dan favorite.
  • Github mendukung semua bahasa pemrograman, anda bebas menggunakan bahasa dan tool yang biasa anda pakai.
Nah itu sedikit penjelasan tentang Github yang saya ambil dari berbagai sumber dengan menjelajahi google. Sesuai dengan pembahasan saya kali ini dan buat para blogger yang belum mengerti langkah-langkahnya.

Cara Menyimpan atau Hosting File Javascript, CSS dan HTML di Github
1. Pertama-tama, silahkan anda kunjungi situs https://github.com/. Setelah muncul halaman seperti gambar berikut, silahkan anda menuju pojok kanan atas dan klik Sign Up.

Sign Up Github
Sign Up Github

2. Selanjutnya anda akan dibawa ke halaman seperti gambar berikut. Pada step 1 silahkan isi data diri anda, lalu klik Create an account.

Create Personal Account
Step 1

3. Pada step 2 seperti gambar berikut, anda akan diminta memilih rencana penyimpanan repositorynya. Silahkan anda ceklist pada pilihan Unlimited public repository for free, lalu klik Continue.

Choose Your Plan - Github
Step 2

4. Pada step 3 yakni step terakhir. Disini anda mencentang beberapa pilihan yang disesuaikan dengan pengalaman anda dalam programing. Apabila anda tidak ingin mengisi tahap ini, karena belum memiliki pengalaman dalam programing, anda bisa melewatinya. Dan apabila ingin di isi, anda bisa menyesuaikan pilihan anda sesuai dengan gambar dibawah, lalu klik Submit.

Tailor Your Experience - Github
Step 3

5. Anda akan dibawa dimana anda bisa klik membaca sebuah panduan dari Github atau anda bisa klik memulai project di Github.

Read the guide - Start a project

6. Ketika anda memilih dan meng-klik Start a project, anda akan diminta untuk memverifiksi akun github melalui email anda. Silahkan anda menuju ke email anda dan cek email masuk, lalu klik verify email address.

Verify email address - Github
7. Registrasi sudah selesai kemudian login. Pada pojok kanan atas, silahkan anda klik tanda plus (tambah) kemudian pilih dan klik New repository.

Pilih New Repository - Github

8. Pada halaman berikutnya, silahkan isi Repository name dan Description sesuai dengan keinginan anda, lalu ceklist Public dan beri centang pada Initialize this repository with a README. Jika semua sudah terisi dengan klik Create Repository.

Create a new repository - Github
Create a new repository

9. Pada halaman repository yang anda buat tadi, silahkan klik Create new file untuk membuat file baru, atau Upload files jika anda sudah mempunyai file yang akan anda upload seperti file Js, Css dan HTML.

Create new file or Upload files - Github
Create new file or Upload files

10. Jika anda ingin membuat file baru, klik Create new file, silahkan isi nama file dan copy paste kode script ke dalam kolom dibawahnya, seperti gambar beikut.

Create new file - Github

11. Kemudian klik Commit new file.

Commit new file - Github

12. Jika anda sudah mempunyai file yang sudah jadi, silahkan klik Upload files dan pilih file yang akan anda upload, entah itu js, css atau html. lalu klik Commit changes.

Upload files - Github

13. Setelah semua tersimpan dengan benar, baik itu dengan cara membuat file baru atau upload file itu artinya anda sudah berhasil menggunakan github. Namun file tersebut belum bisa dipergunakan untuk di load secara otomatis di dalam blog atau web anda. Untuk itu anda harus meng-Raw file tersebut terlebih dahulu ke Rawgit.com.
14. Caranya, pada file yang sudah anda buat atau upload tadi, silahkan klik kanan pada file tersebut, lalu pilih Copy link address atau Salin lokasi tautan.

Salin Lokasi Tautan - Github

15. Buka https://rawgit.com/. Silahkan pastekan atau tempelkan yang anda copy tadi ke kotak nomor 1 seperti gambar berikut.

URL - Rawgit.com

16. Kemudian gunakan URL pada kotak nomor 2 atau 3 untuk keperluan blog anda, baik itu di halaman statis atau widget. Contohnya seperti ini :

<div style="overflow:auto;width:700px;height:700px;padding:10px;border:1px solid #eee">
<script style="text/javascript" src="https://cdn.rawgit.com/harmansyah/harmansyah-html/48f3ff56/daftar%20isi%20biasa.js"></script>
<script src="https://harmansh.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div>
Demikian tutorial sederhana mengenai cara menyimpan file javascript, css, dan html di github serta cara menggunakannya. Semoga bermanfaat and "Happy Blogging"

Related Posts :

Silahkan klik disini untuk berlangganan Artikel Gratis via email, Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di HARMANSYAH BLOG

4 komentar:

Unknown said...

stlh mmbca artkl ini sy ingn brtnya nih..pada saat kita ingin menyimpan file javascript css dan html ad yg namanya sign Up github dan itu fungsinya sbgai apa ya gan, trmkah
Kunjungi website sy ya: https://yuliyani.mahasiswa.atmaluhur.ac.id
Dan kunjungi website kmps sy: http://www.atmaluhur.ac.id

Harmansyah said...

@Al Yuliani, Untuk menggunakan fasilitas github, anda harus melakukan login untuk memverifikasi data diri kita sebagai pemilik sah email. Agar bisa login tentunya anda harus memiliki akun terlebih dahulu pada media github. Nah untuk membuat akun, anda harus melakukan sign up atau mendaftar dengan memberikan semua data yang dibutuhkan pada media tersebut seperti email dan lainnya.

aisoice said...

Allow gan...
Saya sudah ikuti langkah2 di atas, tetapi saat saya buka https://rawgit.com/.
situs tsb sudah tutup.
Solusinya gimana ya gan ?
Terima kasih

Harmansyah said...

@aisoice, pada halaman rawgit yang terbuka disitu ada 4 pilihan link hidup sebagai pengganti, silahkan pilih yang pertama https://www.jsdelivr.com/rawgit

Post a Comment

...... Terima kasih telah berkunjung, silahkan berkomentar dengan baik sopan sesuai dengan tema konten dan tidak mengandung unsur Sara ......