Cara Menyimpan File HTML dan CSS di Github

Selamat datang kembali di Demo IdBoegis, Blog yang membahas seputar Tips Adsense, Tips Komputer, Tutorial Blog, SSH Gratis, Tips Youtube, Tips Smartphone dan informasi internet lainnya.

Pada Artikel kali ini kita akan membahas Cara Menyimpan File HTML dan CSS di Github, Postingan ini masih berhubungan dengan Artikel Tutorial Blog.

Baca juga:

Cara Menyimpan File HTML dan CSS di Github

Advertisement

Cara menyimpan file java script di github - Halo sobat siabdi dimanapun anda berada, sebelumnya saya sudah membagikan tutorial mengenai cara menyimpan dan membagikan file di google drive. Dan kali ini saya akan meberikan tutorial mengenai cara daftar dan menyimpan file di github, saya rasa kalian sudah tahu semua apa itu github. Namun apabila anda masih belum tau menau apa itu github, saya akan coba untuk sedikit mejelaskan saja.

Github merupakan salah satu social coding, ya sesuai namanya, berarti github bisa di artikan sebagai salah satu media yang dapat di gunakan untuk menyimpan dan berbagi file-file eksternal seperti kode HTML dan CSS. Sebenarnya ini bisa di katakan penting dan tidak penting dalam dunia blogging ataupun perwebsitan. Pasalnya, untuk melangkah sampai sejauh ini paling tidak anda harus mengerti mengenai kode-kode HTML ataupun CSS. Namun tidak saya sarankan untuk anda yang masih pemula. Okelah, langsung saja kita masuk ke langkah-langkah cara menyimpan file-file tersebut.

Cara Menyimpan Kode HTML dan CSS di Github

1. Pertama, untuk dapat menyimpan file anda tersebut, anda di haruskan untuk memiliki akun github sebelumnya, namun bagi anda yang belum memiliki akun silahkan daftar terlebih dahulu di alamat url berikut : github.com

2. Langkah kedua, setelah anda mendaftar. silahkan anda login ke akun anda.

3. Setelah anda berhasil login, silahkan perhatikan tanda (+) pada bagian pojok kanan atas halaman, silahkan klik tanda tersebut silahkan pilih "New Repository", Kemudian anda akan di hadapakan pada sebuah seperti gambar di bawah ini :

Keterangan :

• Gambar nomor 1 : Untuk membuat new repository
• Gambar nomor 2 : Silahkan berikan nama repository anda
• Gambar nomor 3 : Diskripsi dari repository anda
• Gambar nomor 4 : Silahkan pilih bagian publik
• Gambar nomor 5 : Silahkan centang pada kotak yang tersedia sesuai dengan gambar nomor 5
• Gambar nomor 6 : Selanjutnya silahkan ketuk tombol Create Repository pada bagian bawah.

4. Setelah langkah di atas anda jalankan, selanjutnya anda akan di bawa ke halaman dashboard project anda dan silahkan pilih create new file. perhatikan gambar di bawah ini.

5. Setelah langkah nomor 4 anda jalankan, maka anda akan di arahkan ke halaman project, dimana anda dapat mulai memasukkan file anda yang akan anda simpan. Perhatikan gambar di bawah ini :

Keterangan :

Gambar no 1 : Silahkan beri nama file anda pada kolom nomor 1. contoh : nama.js atau nama.css

Gambar no 2 : Silahkan file java script anda pada bagian no 2 sesuai gambar di atas.

Gambar no 3 : Untuk menyimpan fila anda silahkan ketuk tombol "commit new file"

6. Sampai disini anda sudah berhasil menyimpan file di github. Langkah selanjutnya yaitu cara menggunakan file tersebut dalam template blog ataupun widget, caranya sebagai berikut.

7. Silahkan anda masuk pada halaman utama respository anda, kemudian silahkan klik kanan pada file yang tadi anda buat dan silahkan copy link addressnya seperti gambar di bawah.

8. Selanjutnya, silahkan sobat manuju halaman Rawgit di rawgit.com

9. Silahkan sobat pastekan link adrressnya pada halaman rawgit tersebut. perhatikan gambar di bawah.

10. Silahkan copy link yang terdapat dalam kolom nomor 2 sesuai gambar di atas dimana kode tersebut nantinya dapat anda gunakan dalam template blog maupun widget.

Note : berikut contoh penerapannya :

<script src='https://cdn.rawgit.com/siabdi/sitemap-dark1/master/sitemapciabdi.js'></script>

Demikianlah artikel kali ini cara menyimpan file java script di github, apabila sobat ada pertanyaan silahkan tinggalkan dalam kotak komentar. Akhir kata dari saya, terimakasih anda telah membaca artikel di atas. Selamat berkarya dan selamat mencoba :)