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

  • Mematikan link aktif di komentar dengan jQuery
    Jika Anda telah bosan berurusan dengan semua jenis komentar spam dan Anda begitu sibuk untuk meninjau semua komentar, maka trik blogger hack baru ini akan membantu Anda untuk itu dengan menghapus link yang disertakan dalam komentar dan menggantinya dengan teks biasa menggunakan jQuery. Cara Hapus Link Dalam Komentar Dengan jQuery 1. Masuk k…
  • Klik kanan hanya berfungsi di tag pre
    Trik ini adalah bagian dari tujuan untuk melindungi content blog anda, mematikan fasilitas klik kanan dengan mengeset tag <body> menggunakan dasar oncontextmenu='return false;'. trik ini mematikan semua klik kanan dalam blog, lalu bagaimana caranya kita membuat sebuah ijin klik kanan yang berfungsi di area tertentu saja... kali ini saya…
  • 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…
  • Memgenal javascript dan cara menggunakan
    Dalam artikel ini Anda mempelajari dasar-dasar JavaScript dan membuat program JavaScript pertama Anda. Apa itu JavaScript? JavaScript adalah bahasa scripting yang digunakan untuk script sisi klien. JavaScript dikembangkan oleh Netscape pada tahun 1995 sebagai metode untuk memvalidasi bentuk dan menyediakan konten interaktif ke situs web. yan…
  • Blokir otomatis link aktif di dalam komentar
    Blogger memang sudah memberi fasilitas moderasi untuk mengontrol kegiatan komentar di dalamnya, namun jika blog anda tergolong sebuah blog yang memiliki aktifitas komentar yang ramai tidak mungkin anda akan memeriksa satu persatu, selain memakan waktu juga menambah pekerjaan. Tidak semua pengunjung blog memiliki itikad baik, santun dan memahami…
  • Membuat tombol spoiler di blogger
    Spoiler memiliki banyak kegunaan, selain untuk mengemas posting/konten yang terbilang panjang spoiler juga dapat di gunakan untuk meletakkan note/cuplikan khusus. Dengan Spoiler ini memiliki satu kelebihan penting, yaitu hanya menggunakan satu elemen tunggal. Elemen tombol pembuka/penutup spoiler tidak perlu kita sertakan di sini karena JQuery…

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