Tips n' Trik - Cara Hosting File Di Google Site

Google Site ini merupakan layanan baru untuk hosting file secara gratis pasca ditutupnya google page creator, namun masih ada beberapa kekurangan dari yang satu ini misalnya tidak /belum menyediakan hotlink file seperti javascript, css ataupun gambar untuk dipakai di blog atau website kita.

Nah postingan ini akan sedikit mengulas bagaimana kita mengakali agar google site ini bisa juga dijadikan tempat untuk hosting atau menyimpan file javascript, css atau gambar / photo , seperti yang telah saya lakukan beberapa minggu yl.

Langsung saja ini Cara Hosting File Di Google Site , langkahnya  :

1. Pertama kita harus punya dulu account email di gmail.com. kalau belum punya ya bikin dulu.
2. Login ke Google Site pakai email diatas, silahkan klik disini .  
3. Kalau untuk member baru klik Create site / Buat situs
4. Nanti akan keluar form isian seperti ini :
   • Silahkan pilih template sesuai selera anda
   • Nama  Situs , misalnya : Saungweb
   • Situs Anda akan ditempatkan di URL ini:
     http://sites.google.com/site/ saungweb
   • Pilih tema dan opsi lainnya bisa diabaikan
   • Masukan kode yang diberikan
   • Jika sudah tinggal klik Buat situs atau Create Site
   • Sampai disini halaman web anda sudah terbentuk
   
5. Selanjutnya klik “ Create page “ dipojok kanan atas
6. Kemudian di tampilan selanjutnya saya  isikan :
   • Select a Template Use  →  Pilih “ File Cabinet “
   • Nama  → saya isi dengan “ Javascript “, ini sesuai selera
   • Beri tanda pada Put page at the top level
   • Selanjutnya  klik tombol “ Create Page “
7. Klik tombol Add File  : Pilih file yang akan di upload , mau file dari komputer atau dari file yang telah di upload ke server lain.
8. Setelah file terupload tinggal copy Link tersebut, caranya :
   • Klik kanan pada link Download di bawah nama file yang telah di upload
   • Bila pakai Firefox tinggal Klik “ Copy Link Location “ 
   • Paste link tersebut di notepad , contoh link saya seperti ini :

   Contoh File gambar/photo  :
   http://sites.google.com/site/saungwebsite/javascript/Avatar-100.jpg?attredirects=0&d=1
   http://sites.google.com/site/saungwebsite/javascript/binahong1.jpg?attredirects=0&d=1
   Contoh File css  : 
   http://sites.google.com/site/saungwebsite/js/saungweb2.css?attredirects=0&d=1

9. Pada point 8 diatas itu baru link default , agar link tsb bisa dipakai , masih perlu kita rubah dan olah lagi caranya : tinggal hapus saja kode warna pink diatas , sehingga akan tampak seperti ini :

   http://sites.google.com/site/saungwebsite/javascript/Avatar-100.jpg
   http://sites.google.com/site/saungwebsite/javascript/binahong1.jpg
   http://sites.google.com/site/saungwebsite/js/saungweb2.css

10. Eiiit.. masih belum selesai .. Untuk memakai link tersebut sebagai sumber script, maka saya tambah kode warna biru seperti dibawah ini, ( silahkan ganti dengan link sobat ) :

    <a href="http://saungweb.blogspot.com/" target="_blank"> <img src=' http://sites.google.com/site/saungwebsite/javascript/Avatar-100.jpg' alt='Saung Web' /></a>
    <a href="http://saungweb.blogspot.com/search/label/Kesehatan" target="_blank"> <img src='http://sites.google.com/site/saungwebsite/javascript/binahong1.jpg' alt='Binahong' /></a>
    <link href='http://sites.google.com/site/saungwebsite/js/saungweb2.css' rel='StyleSheet' type='text/css'/>

11. Inilah hasil dari file gambar/photo pada link point 10 diatas .