Arsip Afrioni: Memasang JavaScript di Template Blogger

11-Maret-undefined

Memasang JavaScript di Template Blogger

Pemasangan javascript pada blog susah-susah gampang, tapi kalo kita tahu cara memasangnya secara baik dan benar maka hal itu tidak jadi masalah,, kalo kita masih dalam tahap belajar seperti saya ini emang enggak mudah, terkadang ketika setelah kita pasang javascriptnya banyak kendala ini itu nya.

Memang begitu kasus yang sering kita alami dengan javascript. Kalau kebetulan kode javascriptnya cocok di blog bisa langsung jalan tanpa perlu coba-sini coba-sana.
Memasang javascript memang tidak 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 (tidak lewat penambahan widget). Beberapa javascript sama sekali tidak 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 tanpa banyak perintah yang lain javascript akan menyatu dengan template dan blog anda.

Di bawah ini adalah contoh bentuk kode javascript yang akan di pasang di blog :

javaScript

<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 :

javaScript

<script type="text/javascript"> //<![CDATA[ Di sini Javascript di tuliskan! //]]> </script>

Sehingga apabila diterapkan pada javascript di atas bentuknya menjadi seperti di bawah ini :

javaScript

<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>

Lalu save template dan liat hasilnya.
mungkin hanya itu saja, semoga ini bisa membantu. terima kasih