Jquery membantu mempercepat kerja dalam penulisan code script.
JQuery Terbaru Versi 3.6.0
" apa itu jQuery..
JQuery adalah library javascript yang dapat meringkas penulisan code ,, sehingga developper pengembang website bisa lebih cepat mengerjakanya.
Sebagai contoh :
JavaScrip Native..
Untuk memanggil elemen berdasarkan ID tulis..
document.getElemenById('elem')
$(#'elem')Begitu juga untuk pembuat template blogger , kebanyakan mereka menyisipkan kode javascript ke dalam karya templatenya.
Selain untuk pembuatan animasi , juga bisa untuk memanipulasi DOM html , dan efek ajaib lainya bisa dilakukan lebih mudah.
Keuntungan Dan Kelebihan
Banyak sekali keuntungan dan kelebihan jika menggunakan jquery di dalam blog.
Di antaranya :
- Kompatibel di semua browser.
- Memperpendek dan menyederhanakan kode.
- Menyingkat waktu kerja.
- Lebih mudah dalam membuat efek animasi.
- Mempersingkat ajax.
- Mempermudah modifikasi dan manipulasi Elemen HTML.
- Dokumentasi yang lengkap , sehingga mudah di pelajari.
- Dan masih banyak lagi.
Cara Pasang Jquery Di Blog
Untuk cara pemasangan juga sangatlah mudah. Sobat hanya cukup memanggil lokasi scriptnya saja.
Tempat penyedia library jquery seperti
Google
Cloudfare
Microsoft
Dan website resmi jquery itu sendiri.
Pilih Salah Satu Di antaranya :
Google CDN
ini code nya gaes..
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js'></script>
Cloudfare CDN
ini code nya gaes..
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
Microsoft CDN
ini code nya gaes..
<script src='https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.6.0.js'></script>
Jquery Official CDN
ini code nya gaes..
<script src='https://code.jquery.com/jquery-3.6.0.min.js' integrity='sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=' crossorigin='anonymous'></script>
Untuk cara penerapanya pada blog
1. Buka Akun Blogger.
2. Pilih Thema , Edit HTML
Taruh codenya tepat di bawah code
<head>
Hasil Akhir Seperti ini
<!--ini adalah contoh-->
<html>
<body>
<head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js'></script>
<head>
</body>
</html>
Post a Comment