Sebelumnya Saya ucapkan terima kasih kepada mkr-site.blogspot.com karena
tuturial ini saya salin dari blog tersebut.saya buat sebuah postingan
dengan tujuan untuk dokumentasi pribadi tentunya dengan mencantumkan
link sumbernya
Salah satu hal yang membuat pengunjung blog dapat menikmati artile yang
ditulis yaitu kecepatan dalam membuka blog. Kecepatan ini bisa
dipengaruhi dari ukuran gambar, link-link file yang ada pada pada blog
seperti CSS dan JS (javascript). Jika anda pengguna blogspot pada
umunnya kode JS diletakkan secara internal didalam template. Hal ini
menjaga agar kode-kode tersebut dapat berfungsi.
Selain secara internal kode JS/CSS dapat pula diletakkan dengan cara
external (disimpan pada hosting luar). Kode yang disimpan secara
external dapat mempercepat pemuatan dari blog (tergantung dari
servernya). Salah satu tempat untuk menyimpan file JS/CSS yang terbaik
menurut saya yaitu
Google Code.
Kenapa Google Code? karena seperti halnya
blogger,
google code merupakan produk dari google dan pastilah servernya bagus
serta memiliki kapasitas yang cukup besar (hingga 4 GB/project).
Sebernarnya Google Code ini untuk menyimpan file project yang kita buat,
tapi bisa dibuat untuk menyimpan banyak jenis file dan di panggil
secara external ke blog.
Metode yang dianjurkan oleh google jika ingin menyimpan file dan
memanggilnya secara external yaitu dengan subversion. Lalu
mengelompokkan tipe file didalam folder. Misalnya folder CSS di simpan
file untuk tipe CSS.
Nah kali ini saya akan memberikan langkah-langkah cara menyimpan file di Google Code dengan aplikasi TortoiseSVN.
Langkah-Langkah menyimpan file di Google Code
- Sign in Google Account seperti Gmail,google+,blogger dll.
- Download TortoiseSVN
Bagi yang belum punya silahkan download di TortoiseSVN.
Setelah selesai download install dan restart komputer anda karena
nantinya akan terintegrasi dengan shell command (Klik Kanan).
- Memuat Project di Google Code
- Create a new project
- Isi project name(mis:presentasi-html5),project
summary,descripstion,version control system (pilih subversion),Source
code license(pilih Apache License 2.0),dan project label(mis:html)
setelah terisi semua lalu Create project.
- Klik tab Profile –> Setting dan catat password
- Profile –> My Profile –> Project selanjutnya klik tab Source copy svn checkout seperti pada gambar yaitu https://presentasi–html5.googlecode.com/svn/trunk/
- Konfigurasi pada TortoiseSVN
Klik Kanan pada Desktop pilih TortoiseSVN –> setting –> general –> edit maka akan muncul notepad.
- Tambahkan kode berikut dibawah # Makefile = svn:eol-style=native
[miscellany]
enable-auto-props = yes
[auto-props]
# Scriptish formats
*.bat = svn:eol-style=native; svn:keywords=Id; svn-mine-type=text/plain
*.bsh = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-beanshell
*.cgi = svn:eol-style=native; svn:keywords=Id; svn-mine-type=text/plain
*.cmd = svn:eol-style=native; svn:keywords=Id; svn-mine-type=text/plain
*.js = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/javascript
*.php = svn:eol-style=native; svn:keywords=Id Rev Date; svn:mime-type=text/x-php
*.pl = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-perl; svn:executable
*.pm = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-perl
*.py = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-python; svn:executable
*.sh = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-sh; svn:executable
# Image formats
*.bmp = svn:mime-type=image/bmp
*.gif = svn:mime-type=image/gif
*.ico = svn:mime-type=image/ico
*.jpeg = svn:mime-type=image/jpeg
*.jpg = svn:mime-type=image/jpeg
*.png = svn:mime-type=image/png
*.tif = svn:mime-type=image/tiff
*.tiff = svn:mime-type=image/tiff
# Data formats
*.pdf = svn:mime-type=application/pdf
*.avi = svn:mime-type=video/avi
*.doc = svn:mime-type=application/msword
*.eps = svn:mime-type=application/postscript
*.gz = svn:mime-type=application/gzip
*.mov = svn:mime-type=video/quicktime
*.mp3 = svn:mime-type=audio/mpeg
*.ppt = svn:mime-type=application/vnd.ms-powerpoint
*.ps = svn:mime-type=application/postscript
*.psd = svn:mime-type=application/photoshop
*.rtf = svn:mime-type=text/rtf
*.swf = svn:mime-type=application/x-shockwave-flash
*.tgz = svn:mime-type=application/gzip
*.wav = svn:mime-type=audio/wav
*.xls = svn:mime-type=application/vnd.ms-excel
*.zip = svn:mime-type=application/zip
# Text formats
.htaccess = svn:mime-type=text/plain
*.css = svn:mime-type=text/css
*.dtd = svn:mime-type=text/xml
*.html = svn:mime-type=text/html
*.ini = svn:mime-type=text/plain
*.sql = svn:mime-type=text/x-sql
*.txt = svn:mime-type=text/plain
*.xhtml = svn:mime-type=text/xhtml+xml
*.xml = svn:mime-type=text/xml
*.xsd = svn:mime-type=text/xml
*.xsl = svn:mime-type=text/xml
*.xslt = svn:mime-type=text/xml
*.xul = svn:mime-type=text/xul
*.yml = svn:mime-type=text/plain
CHANGES = svn:mime-type=text/plain
COPYING = svn:mime-type=text/plain
INSTALL = svn:mime-type=text/plain
Makefile* = svn:mime-type=text/plain
README = svn:mime-type=text/plain
TODO = svn:mime-type=text/plain
# Code formats
*.c = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.cpp = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.h = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.java = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.as = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.mxml = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
- Buka folder file yang akan kamu upload misalnya kalau disini saya ambil slide presentasi dari slides.zip
- Klik kanan pilih TortoiseSVN -> Repo-browser ,copy paste alamat (https://presentasi-html5.googlecode.com/svn/trunk/),
Drag and Drop file (slides.html) masukkan username(alamat gmail) dan
password (google hosting) sehingga muncul seperti gambar di bawah ini
dan OK.
- Selanjutnya kita coba masukkan alamat https://presentasi-html5.googlecode.com/svn/trunk/ di browser anda lalu klik slide.html
Nah mungkin begitulah caranya..Semoga dapat dimengerti..
sumber:
Cara Menyimpan file di Google Code Dengan Tortoise SVN