Mengatasi Kode JS dan CSS Eksternal yang Tidak Terbaca - Beberapa waktu kemudian saya melihat ada beberapa perubahan yang dilakukan Blogger, menyerupai dari segi UI, UX, dan segi lainnya. Dari segi UI sekarang Blogger mengganti tampilan usang dari daftar blog ke bentuk yang lebih sederhana dan mudah dan tentunya itu merupakan hal nyata yang diberikan Blogger ke setiap penggunanya.
Namun dari perubahan itu, berdampak juga pada kode-kode yang dahulu berjalan normal di dalam template. Terutama instruksi JS dan CSS eksternal yang tidak akan berjalan jikalau link tersebut tidak disertakan dengan HTTP (Hypertext Transfer Protocol) atau HTTPS (Hypertext Transfer Protocol Secure) pada link yang ditautkan di dalam template.
Pada postingan kali ini akan memberi tips kepada sahabat perihal Cara Mengatasi Kode JS dan CSS Eksternal yang Tidak Terbaca di Template. Tips ini juga berlaku untuk semua template yang saya bagikan di sini maupun di blog Idntheme.
Caranya sangatlah mudah, sahabat hanya perlu menambahkan https: di setiap link JS dan CSS Eksternal pada template sobat. Berikut misalnya :
Link awal
<script src='//contoh_saja.js'/>Tambahkan https: pada link di atas
<script src='https://contoh_saja.js'/>Pada referensi di bawah ini saya mengambil instruksi link eksternal dari template Simplify (bisa berbeda tergantung template yang digunakan)
Link jQuery Library
Link yang terpasang
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js'/>Ganti dengan link ini
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js'/>Link Google Font
Link yang terpasang
<script type='text/javascript'> //<![CDATA[ //CSS Ready function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) } loadCSS("//fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic");loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css"); //]]> </script>Ganti dengan link ini
<script type='text/javascript'> //<![CDATA[ //CSS Ready function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) } loadCSS("https://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic");loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css"); //]]> </script>Kolom komentar Blogger ketika tidak login Google
Link yang terpasang (cari di dalam template instruksi ini)
http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.jsGanti dengan link ini
https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.jsSetelah itu, simpan template dan lihat perubahannya pada blog sobat. Kini blog akan berjalan normal kembali.
Sekian tips sederhana dari saya tentang Mengatasi Kode JS dan CSS Eksternal yang Tidak Terbaca yang mudah-mudahan bermanfaat bagi sahabat semua, terima kasih.