Menambahkan kode JavaScript di Blogger

Javascript jQuery

Saat menambahkan kode javascripts dalam template editor Blogger, kita sering menghadapi beberapa Kesalahan XML aneh seperti Kesalahan parsing XML, baris 768, Kolom 20: Isi elemen harus terdiri dari data karakter well-formed atau markup. Ini merupakan kesalahan yang terjadi ketika kode JavaScript tidak terbungkus dengan baik, atau kode tersebut tidak ditulis dengan benar. Tutorial ini akan menjadi berguna bagi mereka yang baru mulai belajar tentang template Blogger dan pengembangan plugin. Pada artikel ini, saya akan menunjukkan Bagaimana cara yang benar menambahkan kode JavaScript di dalam Blogger

Contoh kesalahan:

Sebelum memasang kode baru dalam template anda harus memastikan bahwa tag script atau kode ditutup dengan benar. Sebagian besar kesalahan pemula adalah untuk menutup tag script, dan pada akhirnya hal tersebutlah yang menyebabkan terjadinya pesan kesalahan. Bagi para pemula, mereka menggunakan kode seperti ini:

jQuery(document).ready(function($) {
... bla bla bla dst ...
});

lalu menempatkannya dalam template dan menyimpannya.

Dari kode diatas, jelas dapat dilihat bahwa tag <script> tidak digunakan untuk membungkus yang di akhiri tag </script> dan ini adalah tindakan yang salah. Teknik yang benar adalah dengan membungkus dan menutup dengan kode tag yang benar, seperti yang kita lakukan dalam HTML sederhana. Mari kita pelajari cara yang tepat untuk caranya.

Cara yang Benar Menambahkan kode JavaScript di Blogger

Menambahkan Script di Blogger sangat mudah, Yang perlu Anda lakukan adalah:

Masuk ke Blogger.com > blog Anda > Template > Edit HTML.

Sekarang tergantung pada Anda di mana Anda ingin menyisipkan coding JavaScript Anda. Namun, saya lebih suka menambahkannya di atas tag </head> atau </body> karena ini adalah tempat di mana semua hal-hal teknis yang diproses. Berikut adalah cara untuk menempatkan kode javascript:

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

... kode javascript anda ...

//]]>
</script>

dan akan terlihat seperti ini:

<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function($) {
... bla bla bla dst ...
});
//]]>
</script>

Setelah script yang benar ditambahkan dalam template Anda silahkan tekan tombol tombol "Simpan Template", dengan cara ini Anda tidak akan menghadapi kesalahan. Yang berarti bahwa JavaScript secara benar ditambahkan dalam template blogger Anda.

Saya harap tutorial ini telah membantu Anda untuk belajar bagaimana menambahkan kode javascript di blogger. Semoga bermanfaat...

Artikel Terkait

  • Smooth scrolling pada komentar
    Sebenarnya efek smooth scrolling ini untuk menandai sebuah elemen di dalam komentar itu sendiri pada hash target komentar dengan jQuery dan beberapa tambahan css yaitu css target. lihat gambar dibawah ini: Untuk memasangnya pada komentar blog anda, silahkan ikuti langkah dibawah ini 1. Login ke akun blogger Anda. 2. Pilih Template » Ed…
  • Mengompress data Javascript tools YUI Compressor
    Mungkin blog tanpa javascript akan terasa biasa saja dan menjadi kurang menarik, itu semua menurut saya. karena dengan javascript kita dapat menciptakan hal - hal cantik dengan efek yang terlihat unik untuk sebuah tampilannya. dengan semakin majunya javascript berbagai hal yang terbilang berhubungan dengan blog kini banyak tercipta, bila anda …
  • Memasang alert untuk mengaktifkan javascript
    Tutorial ini berguna untuk para pengunjung blog anda yang menon-aktifkan fungsi javascript di web browser mereka. misalnya, ketika blog anda tidak memiliki tampilan maksimal saat fungsi javascript di web browser pengunjung anda dinon-aktifkan, maka para pengunjung blog anda harus mengaktifkan fungsi javascript di web browser mereka dengan men…
  • Filter otomatis kata - kata kotor dalam komentar
    Adakalanya sebuah komentar yang masuk dalam blog anda memiliki kata - kata yang tidak pantas untuk di cantumkan dalam komentar dan ini mengganggu pengunjung lain yang berkomentar. umumnya tidakan berkomentar rendahan seperti ini dilakukan oleh orang yang tidak bertanggung jawab dan tidak memiliki etika yang baik yang tidak berani menampakkan d…
  • Membuat persentase ketika scroll digulung
    Mungkin trik ini terbilang tidak penting untuk mendukung apa pun di dalam blog, namun untuk anda para sobat yang suka dengan kreasi dan menambah unik tampilan, persentase scroll bisa dipasang sebagai hiasan. Dengan menambahkan persentase scroll, pengunjung akan bisa melihat berapa persen halaman yang telah di scroll/ia gulung, jika penggulung…
  • Memasang efek animasi loading halaman blogger
    Sudah lihat animasi loading blog ini, itu adalah hasil dari efek animasi loading beforeunload. Kali ini kita membuat efek animasi yang ditampilkan bukan karena terpicu oleh momen klik pada tautan melainkan karena aksi halaman yang mulai berpindah. Sehingga kita bisa merancang ulang efek animasi loading ketika perpindahan halaman dengan cara in…

Tidak ada komentar :

Kode klik emo: :) :( =( :wa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :ya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ **p

Link aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>

Konversi KodeOOT

Back to Top
Loading...