Tuesday, July 21, 2009

Solusi JavaScript untuk Pengguna Blogger

Blogger hanya memperbolehkan penggunanya meng-upload file berupa gambar dan video saja, tetapi tidak untuk file tipe lain. JavaScript adalah salah satu type file yang tidak diijinkan untuk diupload pada Blogger, hal ini membuat banyak pengguna blogger mencari cara alternatif untuk tetap bisa menggunakan file JavaScript ini. Berbagai tips dan trik blog pun bermunculan hanya untuk mencari alternatif penyimpanan file yang sesungguhnya ukuran file itu tidak begitu besar.
Pada awalnya para blogger cukup tenang dengan space yang di berikan GooglePages, tetapi sejak Google memutuskan untuk menutup fasilitas ini banyak pengguna blogger mengalihkan file-nya ke hosting lain. Hosting gratis menjadi alternatif penyimpanan yang banyak disukai para pengguna blogger, tetapi ketentuan yang berlaku, bandwidth dan space (ruang) membuat hal ini menjadi tidak nyaman dan mudah bagi para pengguna Blogger. Kebanyakan dari mereka hanya memperbolehkan untuk berbagi file, kita tidak diberikan cara untuk mengambil file tersebut dengan mudah, tidak diberikan URL langsung untuk mengambil file pada hosting kita.
Karena hal tersebutlah Blogger TuneUp mencoba menyajikan solusi alternatif untuk dapat tetap menggunakan script-script yang kita butuhkan. Dibawah ini beberapa alternatif tersebut:

1. Mengubah ekstensi .js menjadi ekstensi .txt
Para pemilik hosting gratis biasanya tidak mau mengambil resiko dengan memperbolehkan penggunanya menyimpan file berupa script, hal ini untuk menjaga agar jangan sampai penggunanya menyimpan dan menggunakan script tersebut untuk hal-hal yang merugikan orang lain, merugikan pemilik hosting.
Untuk menyiasati ketentuan tersebut kita bisa mengubah ektensi file JavaScript (.js) menjadi file berekstensi Plain Text (.txt), dengan cara ini file tersebut dapat diterima untuk diupload pada hosting gratisan. Hal ini tidak akan mempengaruhi blog kita, karena blogger akan tetap bisa membaca script yang ada dalam file tersebut dan tetap dapat di-load dengan lancar.
Untuk memanggil file yang telah kita upload, cukup dengan menggunakan script dibawah ini :
<script type="text/javascript" src="script_url.txt"/>
Dibawah ini alternatif free hosting yang bisa kita gunakan untuk menyimpan script yang dibutuhkan blogger, tetapi Blogger TuneUp tidak merekomendasikannya, karena hal ini hanya sekedar alternatif dan tidak ada jaminan dari penyedia free hosting sejauh mana mereka bisa tetap tersedia dengan gratis dan tidak menutup fasilitasnya.
2. Menggunakan Google AJAX Libraries API
Banyak script yang kita gunakan untuk blog dapat berjalan dengan baik hanya dengan library tertentu, misal Prototype atau jQuery. Library ini dapat kita load kedalam blog kita dengan Google AJAX Libraries API, tambahkan kode sebelum kode </head> di dalam template kita seperti dibawah ini:
<script src='http://www.google.com/jsapi'/>
<script>
google.load("library yang tersedia", "versi");
</script>
Contoh penggunaan library jQuery:
<script src='http://www.google.com/jsapi'/>
<script>
google.load("jquery", "1.3.2");
</script>
Lebih lengkap tentang library yang tersedia silahkan kunjungi Google AJAX Libraries API.

3. Menambahkan langsung kedalam template blogger
Pada umumnya kita menempatkan dan memanggil script itu seperti dibawah ini:
<script type="text/javascript" src="script_url"/>
Ganti kode diatas dengan cara dibawah ini:
<script type='text/javascript'>
//<![CDATA[
ISI_SCRIPT
//]]>
</script>
Dengan cara seperti ini kadang membuat beberapa pengguna blogger merasakan rumit dan bingung. Dan tidak bisa dipastikan dengan metode ini selalu berjalan dengan baik bahkan tidak jarang yang mengalami kegagalan.

4. Menggunakan blogger gadget jenis "HTML/JavaScript"
Teknik ini cukup mudah kita terapkan dalam blog kita, dengan beberapa modifikasi dibawah ini:
Langkah 1
Tambahkan section gadget baru kedalam template kita melalui "Tata Letak - Edit HTML", dan tambahkan kode dibawah ini sesudah kode :
<b:section class='scripts-container' id='scripts-container'/>
Langkah 2
Jika Langkah 1 telah ditambahkan maka section gadget baru bertambah, dan kita bisa menambahkan berbagai gadget baru dengan berbagai type. Lakukan penambahan kode CSS dibawah agar gadget apapun yang kita tambahkan tidak muncul pada tampilan blog kita, karena kita hanya bermaksud menambahkan kode JavaScript tanpa bermaksud menampilkannya pada blog. Tambahkan kode CSS dibawah ini sebelum kode :
.scripts-container .widget h2 {display: none; visibility: hidden;}
Langkah 3
Simpan Template
Langkah 4
Masuk ke tab "Tata Letak - Elemen Halaman" dan tambahkan "Gadget Baru" dengan tipe "HTML/JavaScript" kemudian masukan script yang akan kita tambahkan kedalam blog kita, dengan ketentuan dibawah ini:
<script type='text/javascript'>
ISI_SCRIPT
</script>
Perhatian!
Khusus metode 4, jika ternyata scripts tidak mampu di-load biasanya ada beberapa script yang dianggap tidak sesuai dengan karakter blogger. Script yang tidak mampu di-load dengan sempurna biasanya karena kode "<" dan ">" pada JavaScript. Kita harus menambahkan spasi sebelum dan sesudah kode tadi. Perhatikan contoh dibawah ini:
Sebelum :
for(var i=0;i<a_rc;i++) {
Sesudah :
for(var i=0;i < a_rc;i++) {
Demikian solusi JavaScript yang merupakan masalah biasa namun kadang menjengkelkan. Sebenarnya Google Pages adalah solusi sempurna untuk mendukung blogger, tapi karena merupakan versi beta yang akan segera berakhir para blogger tidak bisa menggunakannya dikemudian hari dan file yang sudah upload didalam Google Pages akan segera dibuang. Google memberitakan bahwa Google Pages akan di-merger dengan Google Site yang memberikan kemudahan para penggunanya untuk membuat website dalam beberapa detik yang jelas tidak mendukung file JavaScript. Ini hanya lamunan saja, kenapa Google tidak me-merge Google Pages dengan Blogger seperti halnya Google Adsense dan Google Friend Connect???? Entahlah, kita hanya bisa berharap saja, semua sudah menjadi keputusan Google dan kita sekedar pengguna (GRATISAN).