Cara Pasang jQuery di Blogger

Cara Memasang jQuery di Blog dengan CDN yang Ringan


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

Cara memasang jQuery di blog 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.3.1/jquery.min.js'></script>

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

Microsoft CDN
<script src='https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js'></script>

jQuery Official CDN
<script src='https://code.jquery.com/jquery-3.3.1.min.js'></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.3.1/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.
Baca Juga

DONASI VIA PAYPAL

Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi akan digunakan untuk memperpanjang domain www.igniel.com. Terima kasih.

Artikel Terkait

Berikan Komentar

Gunakan tag HTML <em> untuk menuliskan URL, potongan kode, atau hal penting lainnya.
Contoh: <em>isi pesan</em>