Trik: Rekayasa Google Site Menjadi File Hosting

Banyak blogger yang kecewa setelah Google pages atau Google page creator resmi ditutup oleh Google.  File gambar, javascript, file css, dll pun terpaksa dipindahkan. Yang paling berat ya mesti otak-atik link file postingan n bla bala.. Namun dengan diluncurkannya layanan baru yang disebut Google site, kekecewaan sedikit terobati.

Sayangnya Google site tidaklah menyediakan hotlink file seperti javascript, css ataupun gambar untuk dipakai di blog atau website kita. Namun ada beberapa trik untuk merekayasa hal tersebut. Kita akan mempelajari bagaimana menjadikan file javascript atau css bisa di host di Google Site.

Caranya sebagai berikut :

  1. Silahkan anda login terlebih  ke http://sites.google.com dengan account gmail anda ( alamat email anda di gmail serta passwordnya)
  2. Jika anda belum pernah membuat Google site sebelumnya, silahkan klik tombol Create Sitecreate site di google site
  3. Silahkan isi form isian sesuai dengan keinginan anda. Setelah selesai akhiri dengan klik tombol “Create Site”create site
  4. Setelah halaman web anda terbentuk, klik tombol “ Create Page “ yang anda disebelah kanan atas monitor.create-page
  5. Isilah opsi yang diberikan dengan pilihan sebagai berikut :
    • Select a Template Use  →  Pilih File Cabinet
    • Name  →  isi dengan keinginan, misal Javascript
    • Pilih tombol radio untuk Put page at the top level
    • Akhiri  dengan klik tombol “ Create Page

    create-a-page

  6. Klik tombol Add File add file
  7. Silahkan anda pilih, mau upload file dari komputer atau dari file yang telah di upload ke server lain. Untuk upload dari komputer anda, silahkan klik tombol Browse, lalu pilih file yang ingin anda upload, misalkan kita mengupload sebuah file javascript. lanjutkan dengan klik tombol “Uploadupload-file
  8. Setelah file anda ter upload, silahkan klik kanan pada link download file anda, lalu pilih opsi “ Copy Link Location “ ( contoh ini pake browser firefox)copy link
  9. Paste link tadi pada program notepad atau program lainnya. Contoh kode link yang didapat adalah seperti ini :http://sites.google.com/site/kangrohman/javascript/FancyZoom.js?attredirects=0&d=1

Dari hasil diatas dapat diketahui bahwa link yang didapat adalah seperti ini :

http://sites.google.com/site/kangrohman/javascript/FancyZoom.js?attredirects=0&d=1

Agar link tersebut bisa dijadikan sebagai sumber script untuk dipakai di blog atau di website kita, maka kode yang di cetak merah harus di buang, sehingga kode linknya akan seperti ini :

http://sites.google.com/site/kangrohman/javascript/FancyZoom.js

Jika kodenya sudah seperti itu, maka link tersebut bisa dijadikan sebagai sumber script untuk dipasang di blog kita, misal seperti ini :

<script type=’text/javascript’ src=’http://sites.google.com/site/kangrohman/javascript/FancyZoom.js’ />

Cara diatas tidak hanya berlaku untuk javascript saja, namun bisa juga untuk file lainnya seperti CSS ataupun gambar. Misalkan kita telah mengupload file CSS dan mendapatkan kode seperti ini :

http://sites.google.com/site/kangrohman/javascript/kolom.css?attredirects=0&d=1

Maka tentu saja linknya menjadi seperti ini :

http://sites.google.com/site/kangrohman/javascript/kolom.css

Untuk memakai link tersebut sebagai sumber script, maka kodenya jadi seperti ini :

<link rel=’StyleSheet’ href=’http://sites.google.com/site/kangrohman/javascript/kolom.css‘ type=’text/css’ />

Contoh lain untuk file gambar, kita telah mengupload gambar dan mendapatkan kode link seperti ini :

http://sites.google.com/site/kangrohman/javascript/lamp.jpg?attredirects=0&d=1

Maka linknya jadi seperti  ini :

Untuk menjadikannya sebagai sumber gambar, maka kode yang dipasang adalah seperti ini :

<img src=’http://sites.google.com/site/kangrohman/javascript/lamp.jpg&#8217; alt=’lamp’ />

Maka hasilnya akan seperti ini  (sumber gambar langsung dari google site) :

lamp

Bagaimana, tertarik memakai google site menjadi free file hosting anda?

 

[kolom-tutorial]

%d blogger menyukai ini: