Membuat Web dengan Droppages dan SourceKit Menggunakan Hosting Dropbox

dropbox

Membuat website gratis kita dapat menggunakan fasilitas yang disediakan oleh droppages dan dropbox. Droppages digunakan untuk menyimpan file html, css dan memberikan nama domain. Sedangkan dropbox digunakan sebagai backup file html dan css tersebut. Droppages dan dropbox akan saling terintegrasi. Untuk edit filenya dilakukan di dropbox. Pada hari ini saya memberikan tutorial membuat website dengan Droppages dan SourceKit dengan hosting dropbox. Langkah pertama sign in dropbox terlebih dahulu, selanjutnya masuk ke http://droppages.com/. Untuk masuk ke droppages, kita menggunakan akun dari dropbox. Untuk membuat nama websitenya klik Create New Site pada dashboard droppages.

Screenshot from 2014-10-05 21:45:48

Berikan nama websitenya, klik Create kalau sudah.

Screenshot from 2014-10-05 21:46:57

Kalau sudah terintegrasi maka di dropbox terdapat folder My.DropPages pada Apps yang berisi nama web kita.

Screenshot from 2014-10-05 21:47:33

Screenshot from 2014-10-05 21:47:45

Di dalam folder nama website terdapat 3 subfolder yaitu Content, Public, dan Templates.

Screenshot from 2014-10-05 21:47:56

Droppages menyediakan theme gratis yang dapat kita download di http://droppages.com/themes. Pada tutorial ini saya menggunakan Ocean Mist theme. Setalah diextract, kita akan menemukan 3 folder yaitu Content, Public, dan Templates. Upload file yang ada di dalam masing – masing folder ke dalam dropbox. File tersebut letaknya harus sesuai, misalkan isi Content harus masuk ke folder Content di dropbox, Public harus ke Public, dsb. Kalau sudah diupload, pada droppages klik Publish Now untuk melihat hasilnya.

Screenshot from 2014-10-05 21:54:21

Seperti ini hasilnya

Screenshot from 2014-10-05 21:54:53

Text dan tampilan website tersebut masih default, kita dapat menggantinya sesuai keinginan. Jika ingin mengubah text dan codenya kita dapat menggunakan editor yang bernama SourceKit. SourceKit digunakan untuk mengedit file yang ada di dropbox sekaligus langsung menyimpan hasilnya karena editor ini terintegrasi dengan dropbox. Install SourceKit untuk Google Chrome / Chromium disini SourceKit Editor.

Screenshot from 2014-10-05 21:56:42

Contohnya saya mengganti text yang ada di home dengan SourceKit.

Screenshot from 2014-10-05 21:58:08

Screenshot from 2014-10-05 22:02:48

Sebagai catatan. setelah kita mengubah file yang ada di dropbox, sebelum menampilkan hasilnya kita pilih dulu Publish now di droppages. Seperti ini hasilnya setelah dirubah text di halaman homenya.

Screenshot from 2014-10-05 22:03:20

Selamat mencoba dan semoga bermanfaat🙂

Untuk pertanyaan, saran dan kritik, silahkan ditulis di kolom komentar

One thought on “Membuat Web dengan Droppages dan SourceKit Menggunakan Hosting Dropbox

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s