.png)
Advertisements
Advertisements
Setelah melakukan experiment selama satu jam akhirnya saya berhasil membuat sebuah blog dengan menampilkan Menu Sidebar dan Main Wrapper yang 100% layout dari blog tersebut hosted atau disimpan di Google Drive. Di halaman blog tersebut saya juga menggunakan font dari Google Font, menampilkan gambar yang di hosting di Blogger dan Menampilkan Video dari Saluran Youtube saya.
Sekarang saya akan menunjukkan caranya bagaimana melakukan hal tersebut, dan tentunya dengan hosting file di google drive tidak memerlukan biaya karena saya punya tempat penyimpanan data sebesar 25 Gigabytes secara cuma-cuma.
Langkah-langkah :
1) Buatlah file dengan format CSS, JavaScript dan Html sesuai kebutuhan dari blog atau website yang ingin anda buat.
inifilekertas.css
inifileskrip.js
ini-blog-saya.html
2) Masuk ke Google Drive lalu klik Create, pilih Folder berikan nama untuk folder tesrsebut lalu klik New Folder
3) Centang disebelah kiri Folder baru tersebut lalu klik icon user share+
4) Overlay akan tampil lalu pilih Change
5) Klik Public on the web lalu Save dan klik Done
6) Upload Semua File yang sudah anda buat di langkah ke 1 ke dalam folder tersebut
7) Pilih File jenis HTML yang sudah di upload di folder tersebut lalu tampilan lightbox akan muncul
8) Klik Open dibagian bawah lalu klik Google drive viewer
9) Pada tampilan Google Doc pilih dan klik Priview
10) Blog andapun akan tampil seperti pada halaman demo ini
Sekarang anda bisa memanfaatkan Google Drive sebagai tempat untuk melakukan experiments terhadap design web dengan tujuan untuk meningkatkan skill anda atau untuk membuat website dan blog. Good Luck & Happy Coding!
Sekarang saya akan menunjukkan caranya bagaimana melakukan hal tersebut, dan tentunya dengan hosting file di google drive tidak memerlukan biaya karena saya punya tempat penyimpanan data sebesar 25 Gigabytes secara cuma-cuma.
Langkah-langkah :
1) Buatlah file dengan format CSS, JavaScript dan Html sesuai kebutuhan dari blog atau website yang ingin anda buat.
Contoh
inifilekertas.css
inifileskrip.js
ini-blog-saya.html
2) Masuk ke Google Drive lalu klik Create, pilih Folder berikan nama untuk folder tesrsebut lalu klik New Folder
3) Centang disebelah kiri Folder baru tersebut lalu klik icon user share+
4) Overlay akan tampil lalu pilih Change
5) Klik Public on the web lalu Save dan klik Done
6) Upload Semua File yang sudah anda buat di langkah ke 1 ke dalam folder tersebut
7) Pilih File jenis HTML yang sudah di upload di folder tersebut lalu tampilan lightbox akan muncul
8) Klik Open dibagian bawah lalu klik Google drive viewer
9) Pada tampilan Google Doc pilih dan klik Priview
10) Blog andapun akan tampil seperti pada halaman demo ini
Sekarang anda bisa memanfaatkan Google Drive sebagai tempat untuk melakukan experiments terhadap design web dengan tujuan untuk meningkatkan skill anda atau untuk membuat website dan blog. Good Luck & Happy Coding!
Komentar