Alternatif Hosting Kode (HTML, CSS, dan Javascript) Gratis

Sering kali ketika sedang coding, kita ingin menyimpan kode yang kita buat tersebut di internet agar tidak hilang atau dapat kita gunakan lagi di kemudian hari. Namun untuk menyimpan kode-kode seperti HTML, CSS atau Javascript tersebut, tentunya kita harus menyewa hosting dan kita akan keluar kocek yang kadang memberatkan kita. Berikut merupakan rekomendasi buat kalian yang ingin menyimpan kode-kode HTML, CSS atau Javascript, baik untuk tujuan penyimpanan ataupun memang dengan tujuan untuk memakai kode tersebut sebagai penunjang website anda.

1. Google Drive

Siapa yang tidak tahu dengan Google Drive. Layanan free storage milik Google ini dapat menyimpan berbagai file, mulai dari gambar sampai kode-kode tertentu seperti HTML, CSS dan Javascript. Kuota penyimpanan yang disediakan juga tidak tanggung-tanggung, sebanyak 15 GB per akun. Jumlah yang sangat besar, namun begitu, jumlah tersebut merupakan jumlah keseluruhan file atau data yang kita simpan di Google ini sendiri. Jadi bukan hanya data kode-kode HTML, CSS atau Javascript saja.

Kita juga dapat menggabungkan berbagai aplikasi yang terkoneksi ke Google Drive agar dapat menunjang kinerja kita dalam membuat atau mengedit kode di Google Drive, misalnya dengan aplikasi Drive Notepad atau yang lain sehingga kita langsung dapat mengedit file kode tersebut tanpa langsung keluar dari Drive.

Namun menurut pengalamana penulis sendiri, layanan Google Drive ini kurang begitu menggigit ketika kita berurusan dengan kode yang kita simpan di sini. Pernah beberapa kali penulis alami bahwa kode CSS dan Javascript yang penulis simpan disini, tidak dapat diproses atau terbaca di website atau blog penuli. Penulis sendiri tidak terlalu paham dengan masalah yang sering menjadi kendala ketika kita menyimpan kode CSS atau Javascript di Google Drive tersebut.

Kode yang dapat disimpan :

• HTML
• CSS
• Javascript

2. YourJavascript

Free Javascript Hosting ini merupakan layanan yang sangat sederhana dan simpel sebagai salah satu tempat yang menyediakan layanan penyimpanan kode Javascript gratis bagi kita. Kita tinggal memilih mana kode Javascript yang akan kita upload, kemudian masukkan recapthca dan kode kita sudah terupload dan dapat diakses.

Kode yang dapat disimpan :

• Javascript

3. jsDelivr

Merupakan layanan Free open source bagi webmasters yang menyediakan free hosting bagi kode-kode tertentu, misalnya Javascript dan plug-in lainnya. Saat ini sendiri tercata lebih dari 1000 kode yang sudah di hosting di jsDelivr. Layanan ini sendiri terkoneksi dengan layanan dari GitHub.

Kode yang dapat disimpan :

• Javascript
• CSS
• Fonts
• jQuery

4. GitHub

Menurut penulis, GitHub merupakan layanan terbaik yang ada saat ini bagi para developer code. Selain sebagai tempat repositoris, GitHub juga dapat menyediakan tempat bagi para developer kode untuk berkolaborasi dan berbagi pikiran tentang apa yang mereka kerjakan.

Selain itu pula, di GitHub kita dapat menyimpang kode-kode kita, baik HTML, CSS maupun Javascript secara gratis dan dapat mengaksesnya layaknya sebuah website biasa. Untuk melihat tutorial cara menyimpan kode HTML, CSS dan Javascript gratis di GitHub, silahkan klik disini.

Kode yang dapat disimpan :

• Javascript
• CSS
• HTML
• Masih banyak lagi...

Hosting file HTML, CSS dan Javascript gratis di GitHub

GitHub merupakan tempat penyimpanan repositoris dan manajemen project bagi developer code. Disini kalian dapat memamerkan kode hasil editan kalian, berkolaborasi dengan rekan sesama developer ataupun hanya melihat hasil kerja para developer lain, baik itu project open source (terbuka) ataupun private project (tertutup). GitHub sendiri menyediakan akun secara gratism maupun berbayar.

Enaknya ketika kita mempunyai akun di GitHub, kita dapat menyimpan file dalam bentuk HTML, CSS dan Javascript kita ke dalam GitHub dan mengaksesnya, layaknya sebuah website biasa. Dan yang lebih menggiurkan para developer, tidak ada batas kuota penyimpanan kita di GitHub, semuanya disimpan secara gratis di GitHub.

Berikut bagaimana kita dapat menyimpan file HTML, CSS dan Javascript secara gratis di GitHub.

1. Buka akun di GitHub

Cara membuka akun di GitHub juga sangat sederhana, silahkan kunjungi website GitHub disini. Dibagian kanan atas, silahkan klik Sign Up atau langsung isi keterangan di sebelah kanan.

GitHub sendiri akan mengirimkan email konfirmasi kepada kita untuk mengkonfirmasi kalo email tersebut merupakan email valid. Segera konfirmasi email tersebut dan anda sudah dapat menggunakan layanan GitHub.

2. Buat sebuah repositoris

Buat repositoris baru dengan mengklik + New Repository di bagian kanan bawah. Kalian akan mengisi beberapa informasi terkait repositoris yang akan kalian buat, misalnya nama dan deskripsi. Lengkapi semua itu, kemudian klik Create Repository.

3. Setting Repositori tersebut

Setelah anda membuat repositori seperti gambar di atas, kalian tinggal klik bagian setting di bagian kanan bawah untuk mensetting repositori baru kalian. Di bagian GitHub Pages, klik tombol Launch automatic page generator untuk membuat laman anda di GitHub.

4. Buat dan edit laman anda

Masuk ke laman repositori yang anda buat tadi, dan klik tombol + disamping nama repositori anda untuk menambahkan laman baru. Setelah anda selesai mengedit laman anda, klik Commit New File.

5. Selesai dan lihat hasilnya

Setelah laman anda selesai diedit dan disimpan. Anda dapat melihat hasil laman anda dengan format standar url di GitHub adalah http://username.github.io/nama-project/laman-anda.html

Atau jika anda tidak mau susah-susah atau takut salah, silahkan kunjungi laman settingan repositoris anda untuk melihat url laman anda di GitHub.

Selamat mencoba dan berkreasi.

Parse HTML Tools

Parse HTML Tools merupakan tools yang sangat berguna bagi Blogger. Tools ini berfungsi untuk mengkonversikan kode-kode HTML tertentu ke dalam format XML. Kita tahu bahwa bahasa web-progamming yang dipakai dalam Blogger merupakan .xml dan tidak semua fungsi atau kode-kode HTML dapat dibaca dengan format xml. Karena itu tools ini sangat berguna bagi Blogger yang ingin mengkonversi kode-kode tertentu ke dalam format .xml.

Jika kita ingin mengedit template atau tampilan blogger dengan menggunakan kode-kode dari luar, misalnya Adsense atau yang lain, biasanya kita edit di bagian template. Namun ketika disimpan, tiba-tiba muncul pesan merah dibagian template editor yang menyatakan :

Error parsing XML, line xxx, column xx: The reference to entity "version" must end with the ';' delimiter.

Atau seperti gambar yang ditunjukkan dibawah.

Cara mengatasinya, kita harus memparsing kode-kode tersebut dalam format xml agar dapat kita simpan. Caranya dengan mencopy kode tersebut, dan paste di HTML Parse Tools. Dibagian bawahnya, kode yang sudah di parse akan muncul. Kode tersebut yang akan kita pasang di template blogger kita. Bagi yang ingin mencobanya, silahkan klik link dibawah.

• KLIK DISINI