Artikel Cara Hosting File di  Google Site ini saya posting sebagai realisasi janji saya pada  postingan sebelumnya tentang Membuat Scroll Pada Archive Blog . 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  :
- Pertama kita harus punya dulu account email di gmail.com. kalau belum punya ya bikin dulu.
- Login ke Google Site pakai email diatas, silahkan klik disini .
- Kalau untuk member baru klik Create site / Buat situs            
- 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
   
- Selanjutnya klik “ Create page “ dipojok kanan atas
- 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 “
 
- Klik tombol Add File : Pilih file yang akan di upload , mau file dari komputer atau dari file yang telah di upload ke server lain.
- 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
- 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
- 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 ) :         
 http://saungweb.blogspot.com/" target="_blank">  alt='Saung Web' /> alt='Saung Web' />
 http://saungweb.blogspot.com/search/label/Kesehatan" target="_blank">'http://sites.google.com/site/saungwebsite/javascript/binahong1.jpg' alt='Binahong' /> 
 'http://sites.google.com/site/saungwebsite/js/saungweb2.css' rel='StyleSheet' type='text/css'/>
- Inilah hasil dari file gambar/photo pada link point 10 diatas .


 
0 komentar:
Posting Komentar