Cara Pasang jQuery di Blogger

Cara Memasang jQuery di Blog

1. Pengertian jQuery

Apa itu jQuery? Singkatnya, jQuery adalah sebuah library Javascript yang meringkas dan menyederhanakan penulisan fungsi sehingga pengembangan website bisa dikerjakan lebih cepat.

Contohnya dalam Javascript native untuk memanggil elemen berdasarkan id ditulis seperti ini.

document.getElementById('elem')

Sedangkan dalam jQuery disingkat menjadi begini.

$('#elem')

Saat ini hampir sebagian besar website dan blog yang beredar sudah menggunakan jQuery karena fungsinya yang bagus dan mudah dipelajari. Tidak terkecuali para pembuat template Blogger yang kebanyakan menyisipkan kode jQuery ke dalam karyanya agar pembuatan animasi, manipulasi DOM HTML, dan efek ajaib lainnya bisa dilakukan dengan lebih mudah.

2. Keuntungan dan Kelebihan

Banyak sekali keuntungan dan kelebihan yang bisa didapatkan jika memasang jQuery di blog. Diantaranya:

  1. Kompatibel dengan semua browser.
  2. Memperpendek dan menyederhanakan penulisan kode.
  3. Menyingkat waktu kerja.
  4. Lebih mudah dalam membuat efek animasi.
  5. Mempersingkat ajax.
  6. Mempermudah modifikasi dan manipulasi elemen HTML.
  7. Dokumentasi yang lengkap sehingga mudah untuk dipelajari.
  8. dan masih banyak lainnya.

3. Kekurangan

Ini tidak benar-benar sebuah kekurangan sih, tapi banyak sekali bloger yang terobsesi dengan page speed menganggap pemasangan jQuery di blog sedikit menurunkan score di GTmetrix dan Google PageSpeed Insight meski sudah ditambahan perintah async.

Kalau buat saya pribadi, hal itu bukanlah sebuah kekurangan. Jangan terlalu terpaku pada score yang diberikan oleh website penyedia layanan speed test. Yang penting blog kamu tetap ringan ketika diakses. Dan memasang jQuery di blog TIDAK memperlambat loading blog sama sekali.

4. Cara Pasang jQuery di Blog

Cara memasang jQuery di blog dan website sangat mudah. Kamu hanya cukup memanggil lokasi scriptnya saja. Ada banyak tempat yang menyediakan library jQuery seperti Google, Cloudflare, Microsoft, dan website resmi jQuery itu sendiri. PILIH SALAH SATU dari penyedia yang kamu sukai.

Google CDN (terpopuler)

<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js'></script>

Cloudflare CDN

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js'></script>

Microsoft CDN

<script src='https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.6.0.js'></script>

jQuery Official CDN

<script src='https://code.jquery.com/jquery-3.6.0.min.js' integrity='sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=' crossorigin='anonymous'></script>

Cara untuk menerapkannya di blog:

  1. Buka website Blogger dan login ke akun masing-masing.
  2. Masuk ke menu Theme » Edit HTML.
  3. Pilih salah satu kode dari penyedia diatas, lalu simpan "SETELAH / DI BAWAH" <head>.

Sehingga hasil akhirnya kurang lebih seperti ini:

<html>
  <body>
    <head>
      <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js'></script>
    <head>
  </body>
</html>

Gampang diikuti kan tutorial cara memasang jQuery di Blogspot diatas? Tidak ada ruginya untuk dipraktekan. Seperti yang sudah disebutkan di awal, sebagian besar website dan blog sudah menggunakannya. Semoga bermanfaat dan membuat kamu semangat belajar Javascript.

Artikel Terkait

1 komentar

Komentar TIDAK DAPAT DIHAPUS setelah dikirim. Pikirkan sebelum menulis.
  • Menulis kode gunakan <i>kode</i> (kode harus di-parse)
  • Menulis dalam syntax highlighter gunakan <em>kode panjang</em> (kode harus di-parse)
  • Menyisipkan gambar gunakan <strong>URL GAMBAR</strong>
  • Max Ikhsan
    10/7/22
    Profil: https://www.blogger.com/profile/05188570730581861786
    mbak, knapa di blog saya saat pake salah satu jquery dari sini malah membuat dark mode dan iklan sticky sidebar jadi gak berfungsi ya.