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

  • Membanned spamer di komentar dengan jquery
    Kali ini saya ingin berbagi buat sobat yang udah males dan capek menghapus komentar para spammer, yang satu ini palinf buat suasana jadi males dan menjengkelkan bila hadir di komentar blog kita. jquery ini bisa sobat gunakan untuk menghapus dan membanned para spamer tersebut dengan menghilangkan isi komentar juga link profile mereka agar user …
  • Sidebar Menu Accordion jQuery
    Apa fungsi menu accordion? Salah satu fungsi dari accordion menu selain memperingkas tampilan widget yang ada di sidebar blog, juga dapat memperbagus blog anda, sama seperti pada fungsi menu tabber atau tab view, hanya saja gaya satau stylenya yang berbeda. jadi blog Anda akan kelihatan lebih ringkas dan rapi. Tutorial ini sudah saya buat se…
  • Memasang total post dan total comment
    Mungkin ini bukan trik baru, tapi saya coba terapakan kembali sedikit trik lama ini untuk menambah keunikan di dalam tampilan blog saya. memasang total post dan total comment bukan hal yang sulit, karena kita hanya perlu menggunakan sedikit script. script yang di gunakan seperti di bawah ini: Script untuk Total Posts <script style="text/j…
  • Show hide related post (perbaharuan)
    Hallo para sobat blogger, masih semangat ngeblog kali ini saya mau share bagaimana cara dan trik membuat show hide pada related post di blog. triknya cukup mudah dan mungkin berguna untuk blog sobat agar tampil lebih ringkas dan beda dari yang lainnya... kira kira nanti hasilnya akan seperti berikut ini jika sobat ingin menerapkan trik s…
  • Membuat show hide konversi kode dan emoticon
    Salam buat agan agin sobat blogger yang suka utak atik template, kali ini saya mau share cara membuat show hide konversi kode dan emoticon pada komentar blogger bagi anda yang sedang mencari trik ini silahkan saja untuk di simak. pertama buka editor template blogger lalu tambahkan css di bawah ini .box-konvert-kode-db { width:100%; …
  • Memasang kode, gambar dan video di komentar
    Buat agan yang bingung dengan judul di atas sebenarnya adalah judul tentang cara menyisipkan dan mengijinkan kode, gambar dan video di komentar blogger. jadi kali ini kita akan membahas hal tersebut, karena saya pernah berkunjung ke sebuah blog yang memasang tool konversi kode tapi tidak memasang javascript ini jadi percuma juga menggunakan to…

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