Showing posts with label JS. Show all posts
Showing posts with label JS. Show all posts

6/17/11

Cara Mengatasi Hosting Javascript di Blogger

Sangat menyebalkan sekali saat file javascript yang kita simpan di host lain mulai kehabisan bandwidth. Blog yang semula terlihat interaktif malah jadi kacau balau tampilanya. Yah, inilah salah satu keleman blogger karena tidak memberikan kita kapasitas ruang simpan, terutama yang berurusan dengan file javascript. Sebagai alternatif biasanya kita bisa saja meminjam web hosting gratis dari pihak ketiga, sayangnya tawaran yang diberikan ternyata tidak selalu memuaskan. kapasitas simpan yang ditawarkan sih besar, tapi jadi percuma bila kapasitas bandwidth yang diberikan sangat tidak sebanding hehehe. Terus, gmana solusinya? tenang saja sob, karena kali ini saya akan mencoba berikan tips untuk mengatasi masalah-masalah seperti itu... ya.. mudah-mudahan tips ini cukup membantu permasalahan yang anda alami... OK.. lamsum saja ke pokok masalahnya..

Mengubah format ekstensi file dari  .js ke .txt

Ingat, tidak semua javascript dipanggil dengan akhiran .js, ini sebuah keuntungan dimana kita dapat menyimpan dan memanggil file javascript dalam format text yang tersimpan dalam format .txt 

Tidak semua layanan free web hosting memberikan keleluasaan bagi kita untuk menyimpan file berformat .js pada hosting mereka, jadi kita dapat mengakalinya dengan cara mengubah extensinya saja, dari .js ke .txt

Cara memanggil javascript berformat .txt pada host lain:


<script type="text/javascript" src="alamat-url-namafile.js" />

Pemanggilan bisa diganti dengan

<script type="text/javascript" src="alamat-url-namafile.txt" />

Simpan Javascript pada element halaman HTML/Blogger Gadget

Tidak semua kode javascript harus di simpan di host lain atau hanya dalam halaman Edit HTML, kita sebenarnya bisa saja memasang kode JS ini langsung pada element halaman blogger "HTML/Javascript". Namun sangat disayangkan cara ini tidak selalu 100% berhasil, karena tidak semua file javascript bisa support dengan penyimpanan pada widget ini. Mungkin hanya berhasil jika code javascript tersebut hanya berdiri sendiri, dalam artian file JS tersebut tidak saling berhubungan dengan memanggil kode yang satu dan kode lainnya. 

Simpan code javascript langsung pada halaman EDIT HTML

Platform blogger sebenarnya membebaskan kita untuk meletakan langsung kode javascipt pada halaman Edit HTML. Cara ini selalu berhasil saya terapkan, namun kadang tidak terlalu efektif juga bila code javascript yang kita gunakan terlalu panjang code scriptnya. Cara yang terakhir ini menurut saya merupakan salah satu terbaik yang harus dicoba.

Sebelum mencoba cara dibawah, pastikan kita sudah mempunyai code JS yang akan disimpan. Jika rekan masih bingung, kode JS bisa ditemukan langsung dengan mengambil melalui alamat URL. lihat contoh pemanggilan kode dibawah yang tercetak tebal. disitulah biasanya kode JS disimpan.

<script type="text/javascript" src="alamat-url-namafile.js" />

Coba dengan masukan langsung urlnya di browser, kalo sudah ketemu tinggal copy saja kodenya. 

Agar kode JS yang sebelumnya di host dialamat lain bisa langsung digunakan diblogger, kita bisa langsung menggunakan kode dibawah ini. 

<script type='text/javascript'>
//<![CDATA[
Isi_Script_Disini
//]]>
</script>

Semoga saja cara diatas bisa mengatasi masalah kehabisan bandwidth, kalo masih bermasalah ya tinggal gunakan saja Hosting berbayar..beres heheheh

Read More
Advertisement

Cara Menampilkan Kode HTML/Javascript pada postingan kita



http://zeestuff.files.wordpress.com/2011/02/javascript_logo.jpgMungkin anda sudah pernah ingin menulis kode javascript/HTML ke postingan tetapi hasilnya kode tersebut hilang/tidak tampak. Pasti kamu ingin menampilkan kode HTML/javascript pada postingan kamu itu. Untuk mengatasinya, kamu dapat meng-convert kode tersebut(dalam kata lain mengubah kode tersebut berformat postingan). Initipsnya: kamu harus mengubah kode tersebut ke format khusus untuk postingan. hal ini bisa dilakukan secara manual tapi akan memakan waktu yang lama jika kode javascript yang kamu masukkan mempunyai panjang yang tak terbayangkan.

1. buka halaman http://centricle.com/tools/html-entities/

2. Masukan kode HTML/javascript 

3. Lalu klik encode

4. Copy semua kode hasil encode tersebut

5. Lalu paste ke dalam postingan kamu

6. Selesai
 
Pasti kodenya berbeda dengan kode javascript yang ingin kamu masukkan kedalam postingan kamu. tetapi setelah diterbitkan, kode akan berubah seperti kode yang ingin kamu masukkan sebelumnya.
 
Nb : Jangan lupa klik menu “HTML” di kotak posting atas-kanan sebelum memasukkan kode html yang sudah di-encode tadi.
Read More
Advertisement

6/16/11

Tips Cara Mengatasi Kesulitan Memasang Javascript di Template BlogSPOT

Pasang javascript memang gampang-gampang susah, Jo! Kadang sekali tempel langsung lewat begitu saja. Uh …. nyes …! Perasaan senang nggak karuan. Apa yang di harap muncul begitu javacript terpasang, langsung … jlep … nongol di blog. Kita tinggal sedikit menata ulang halaman atau tampilan sambil menyiulkan seratus lagu dang dhut. Suit sit sit … suit sit sot sit sit …. suiiiiii….iiit. Shot sit sit … sot sit sit sot sit sooooooooot … ot ….. Jrot …. Terus nafas megap-megap karena siulnya jadi kepanjangan! Iya, toh, Jo?! He …. Si Bejo nyang lagi ndelosor tiduran di samping tempat aku ndelosor cuma’ cengar-cengir persis kerbau tolol di cocok pantatnya pakai batang kayu! He …. Untung saja si bejo dan bukan kerbau! Biar pantat di cocok besi paling juga cengar-cengir persis Tarzan yang suka street-walking (he..eh dia nggak kenal blog walking, je!).
Yah … emang begitu kasus yang sering kita alami dengan javascript. Kalau kebetulan kode javascriptnya cocok di blog, wus …. langsung bisa jalan tanpa perlu coba-sini coba-sana, semua bagai kentut tanpa dihalangi. Pasang javascript memang nggak banyak kendala bila dilakukan terhadap javascript yang sebelumnya telah diupload. Begitu juga pemasangan javascript melalui penambahan widget. Hampir bisa dikatakan 100% tak akan menemui kendala sama sekali. Permasalahan yang muncul biasanya hanya terjadi pada masalah ke-kompatibelan javascript tersebut terhadap browser atau blog yang kita kelola.
Permasalahan pemasangan javascript yang akan kita bicarakan di sini adalah ketika sebuah javascript akan kita pasang di antara tag <body> dan </body> atau di antara tag <head> dan </head> di dalam template (nggak lewat penambahan widget). Beberapa javascript sama sekali tak dapat disimpan dengan pernyataan penolakan yang disampaikan blogger karena berbagai alasan. Bagaimana cara mengatasi masalah seperti ini? Ada satu cara termudah yang dapat kita lakukan untuk menetralisir penolakan blogger tersebut. Tambahkan seikit kode baru seperti di bawah ini, maka slap ….. tanpa ba … bi … bu …. dan banyak cincong yang lain si javascript akan amblas menyatu dengan template dan blog sampeyan.
Cara Mengatasi Pemasangan Javascript yang Bandel di Template Blog
Di bawah ini adalah contoh bentuk kode javascript yang akan di pasang di blog :

<script type="text/javascript">
if(
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') {
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';
this.innerText = '';
this.value = 'Close !;
}
else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = '';
this.value = 'Please ..., Open!';
}
</script>
Jadikan bentuk javascript menjadi seperti ini :
<script type="text/javascript">
//<![CDATA[

Di sini Javascript di tuliskan!


//]]>
</script>
Sehingga apabila diterapkan pada javascript di atas bentuknya menjadi seperti di bawah ini :
<script type="text/javascript">
//<![CDATA[
if(
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') {
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';
this.innerText = '';
this.value = 'Close !;
}
else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = '';
this.value = 'Please ..., Open!';
}
//]]>
</script>
Yap … hanya seperti itu saja! nggak ada lagi yang lain. Tapi mengapa bisa jadi bisa di simpan, ya? Hoo … hooo … Tanya saja sama si Bejo nyang misih ndilosor atau datanglah ke ladang pak Sakimin kemudian tanya pada jagung yang bergoyang, … he …. he …
Read More
Advertisement

6/15/11

Cara Mengupload File JavaScript

File-file JavaScript agar bisa dibaca oleh browser terlebih dahulu harus kita upload. Banyak tempat hosting file JavaScipt dari yang berbayar sampai yang gratis. Untuk tutorial ini saya menjelaskan dan merekomendasikan untuk menyimpan file JavaScript anda di RipWay karena sangat mudah dan gratis untuk digunakan.
1. Bagi yang belum punya akun di RipWay silahkan daftar dulu di http://www.ripway.com.
2. Setelah login. Pada halaman utama Klik menu MyFiles


3. Klik Upload, untuk menuju halaman upload file.


4. Klik tombol browse untuk memilih file yang akan di upload.

Kemudian klik Upload untuk mulai menguplaod file.

5. Klik lagi menu My Files untuk mengambil URL file JavaScript anda.


6. Copy URL JavaScript anda agar dapat langsung digunakan.
Read More
Advertisement

Cara memanggil file javascript atau js ke halaman blog

cara memanggil file js nya ke halaman blog: 

<script type="text/javascript" src="alamat url atau link javascript sobat"></script>
Read More
Advertisement

6/14/11

Cara Edit File Java Script - Trik Mudah Edit File JS


Mungkin istilah "file Java Script" atau JS ini sudah tidak asing lagi bagi teman-teman Blogger. Beberapa pernak-pernik maupun hiasan yang ada di blog biasanya tidak terlepas dari file yang berformatkan JS ini. Namun, walau istilah yang satu ini sudah menjadi makanan sehari-hari bagi para Blogger ada sesuatu yang sering dipertanyakan antara seorang Blogger yang satu dengan blogger lainnya, "Bagaimana sih cara mengedit file Java Script ini?". Pertanyaan ini mungkin muncul dikarenakan adanya beberapa tampilan gadget yang berbeda namun pada intinya memiliki fungsi yang sama, sehingga masalah ini lah yang memunculkan tanda tanya besar. Lalu bagaimana kah cara ngeditnya? Kok tampilan widgetmu dengan widgetku berbeda?

"Beberapa kali saya pernah ditanya oleh teman2 Blogger mengenai hal ini. Dan karena saya ditanya, tidak menjawabnya maka itu menjadi sesuatu yang tidak baik bagi saya, semoga dengan hadirnya postingan ini bisa menjawab pertanyaan tersebut.

Sebelumnya, "apa itu file JS?" singkatnya file JS adalah file yang berisikan kode Java script yang kemudian formatnya terdiri dari dua huruf, yaitu "JS" yang tidak lain merupakan singkatan dari "Java Script" (contoh bentuk file: namafile.js). Lalu mengenai fungsinya, sama saja dengan fungsi kode java script pada umumnya, namun ini dijadikan sebagai file JS agar lebih mudah digunakan atau mudah untuk di-sharing/berbagi dengan teman-teman lainnya, pasalnya dengan dijadikannya berupa file, maka ini akan mempersingkat kode script yang ada, sehingga dengan tampilan jumlah kode yang diminimalisirkan menjadi satu file akan lebih kelihatan simpel, mudah, dan enak dipandang.

Nah, itulah sekilas mengenai JS. Sebagai contoh, berikut adalah contoh kode HTML yang fungsinya didukung oleh file .JS
<script src='http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/zoom.js' type='text/javascript'/>

Di atas itu adalah sebagian dari kode script pembentuk Efek Zoom pada gambar. Nah, yang ditandai dengan warna biru itu lah (URL) "file JS".

Berikut langkah-langkah mengedit file JS

1. Silahkan download dulu file JS yang anda inginkan (sebagai contoh, silahkan di-download file JS yang tertera di contoh kode di atas - caranya kopi URL yang ditandai dengan warna biru ke kolom browser anda, klik enter => maka akan muncul popup "save file" => Klik Save file!!!)

2. Selanjutnya pergilah ke folder explorer, yaitu tempat di mana anda menyimpan file JS tadi.
3. File JS/Java Script tersebut berformat JS, contoh: namafile.JS, serta icon-nya seperti berikut

4. Selanjutnya, untuk memulai mengedit file tersebut, Klik kanan => pilih Edit

5. Maka akan terbuka suatu halaman Notepad, namun masih dalam format JS seperti berikut

Nah, sekarang silahkan untuk mengedit file JS-nya sesuka anda. Mungkin yang ingin anda edit adalah gayanya, gaya tulisannya, URL gambarnya, dll (ini hanya contoh, tiap file JS memiliki elemen yang berbeda-beda. Dan untuk contoh file JS di atas hanya menggunakan efek zoom). Dan jika proses pengeditan telah selesai, jangan lupa untuk menyimpannya: Klik menu File => Klik Save.

SELESAI!!!

Sekarang file JS baru anda telah jadi. Untuk mengetahui hasil kerjaan anda, maka anda harus memilki URL dari file editan anda tersebut. Caranya mudah, silahkan untuk menghostingnya di web hosting milik anda, setelah itu ambil alamat URL-nya dan pasanglah di script di mana anda mengambil file JS tersebut, contoh:
<script src='URL File JS hasil editan anda' type='text/javascript'/>

Belum memiliki web hosting, dan apa itu web hosting? Silahkan di baca di sini.

BAGAIMANA, EDIT FILE JS ITU GAMPANG DAN MENYENANGKAN BUKAAAAN?^

Semoga bermanfaat_
Read More
Advertisement