Google Sites merupakan site hosting yang dapat kita manfaatkan untuk simpan menyimpan file ataupun untuk membuat blog. Google Sites juga bisa kita gunakan untuk membuat blog gratis. Namun berbeda dengan Blogger yang jika kita membuatnya kita akan memiliki domain dengan alamat. contoh: di Blogger: namablog.blogspot.com, di Google Sites hasilnya akan seperti ini : sites.google.com/site/namablog.

Pada kesempatan ini saya akan membagikan tutorial cara upload java script dan cara upload css ke Google Sites. Karena pihak Blogger sendiri tidak menyediakan tempat khusus untuk menyimpan file sehingga kita harus memakai pihak lain untuk menyimpan file kita.

Sebelumnya saya suka menyimpan kode di Google Code, tapi karena Google Code sendiri sekarang tidak dapat lagi digunakan karena telah di tutup, jadi saya memutuskan untuk mencari tempat penyimpanan file yang baru, saya mencoba di Google Drive, Github dan kali ini di Google Sites.

Cara upload/menyimpan file CSS/JavaScript di Google Site



Cara Upload / Menyimpan File CSS JavaScript Di Google Site
Upload / Menyimpan CSS JavaScript Di Google Site

Langkah pertama yang harus kamu persiapkan adalah file javascript atau css yang ingin kamu upload.

Jika filenya telah siap silahkan kunjungi Google Sites. Apabila kamu sudah mempunyai akun gmail, login pada form yang tersedia. Jika kamu seorang Blogger pastinya sudah memeiliki akun Gmail jadi tinggal login saja.

Alihkan perhatiah ke sebelah kiri monitor, lalu klik tombol Create / Buat.

Buat google site
Buat

Silahkan isi yang perlu di isi, misalnya nama situs kamu, kemudian jangan lupa scroll ke bawah dan isih kode yang muncul kemudian lanjutkan dengan klik tombol Buat.

Create New Google site
Create New Google site

Setelah halaman tercipta, alihkan perhatian kesebelah kanan atas monitor, kemudian klik icon untuk membuat New Page. Untuk membuat halaman baru.

Membuat laman Baru
Membuat laman Baru

Buatlah sebuah halaman baru, isi form yang diminta. Beri nama laman baru kamu. Misalnya : seocips-script atau terserah kamu mau memberi nama apa di laman baru tsb.

Perhatikan kotak dibawah tulisan Pilih template yang akan digunakan yaitu Laman Web di ganti menjadi Lemari File. Lanjutkan dengan klik tombol Buat. Contohnya adalah gambar dibawah ini.

Setting laman baru google site
Setting laman baru google site

Klik tombol Tambahkan File. Silahkan pilih file yang ingin diupload dari komputer kamu.

Upload file ke google site
Upload file ke google site

Selamat! File CSS/JavaScript telah berhasil disimpan / diupload ke Google Site.

Cara menggunakan CSS/JavaScript di Google Site


Setelah file berhasil diupload, akan muncul link bertuliskan unggah. Klik kanan link tersebut lalu pilih Copy Link Location (bila kamu menggunakan firefox) atau copy link address ( jika menggunakan Chrome ).

Lokasi file Google Site
Lokasi file Google Site

Sekarang kamu telah mendapatkan alamat file tersebut. Simpan alamat file misalnya ke notepad atau apa saja agar alamat file tersebut bisa digunakan nantinya.

Contohnya misalnya alamat dibawah ini yang kamu dapatkan:

https://sites.google.com/site/seocips/seocips-script/seocips-google.js?attredirects=0&d=1

Hapus kode berwarnah merah di atas sehingga menjadi:

https://sites.google.com/site/seocips/seocips-script/seocips-google.js

Kamu juga dapat menerapkan langkah-langkah diatas untuk upload atau menyimpan file lain di Google Site.

Sekarang kamu dapat menggunakan file yang kamu upload ke blog kamu, misalnya kalau JS, kamu bisa buat menjadi:

<script src='https://sites.google.com/site/seocips/seocips-script/seocips-google.js' type='text/javascript'/>

Ok sekian untuk saat ini, semoga bermanfaat.
0 Komentar untuk "Cara Upload dan Menggunakan CSS/JavaScript di Google Site"