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
![]() |
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 |
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 |
Setelah halaman tercipta, alihkan perhatian kesebelah kanan atas monitor, kemudian klik icon untuk membuat New Page. Untuk membuat halaman 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 |
Klik tombol Tambahkan File. Silahkan pilih file yang ingin diupload dari komputer kamu.
![]() |
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 |
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'/>
0 Komentar untuk "Cara Upload dan Menggunakan CSS/JavaScript di Google Site"