Cara Menghapus Script Js dan Css Bawaan Blogger
Cara Menghapus Script Js dan Css Bawaan Blogger - Blogger secara default menambahkan script js dan css bawaan yang digunakan oleh beberapa widget bundle default blogger seperti widget contact form, dll. dengan menghapus script ini diharapkan blog bisa lebih ngebut :d , karena google sudah mengumumkan tentang kecepatan blog yang digunakan sebagai penentu peringkat rank di pencarian google yaitu harus kurang dari 3 detik.
Tapi sebelum kalian mempraktikkan tutorial ini tentunya kalian juga harus paham dulu resiko yang bisa timbul dengan penghapusan script bundle css dan js blogger ini diantaranya tampilan pada layout(tata letak) akan berubah menjadi list, beberapa widget jadi tidak berfungsi karna script js nya tidak dijalankan.
Dengan menghapus script-script bundle bawaan blogger ini diharapkan blog akan menjadi lebih ngebut, karna ini juga merupakan langkah optimasi seo untuk meningkatkan visitor blog dengan mempercepat loading blog.
Script-script bundle default blogger diantaranya seperti:
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'></script>
<script type='text/javascript' src='https://www.blogger.com/static/v1/widgets/xxxxxxxx-widgets.js'></script>
<link href='https://www.blogger.com/static/v1/widgets/xxxxxxxx-css_bundle_v2.css' rel='stylesheet' type='text/css'/>
<link type='text/css' rel='stylesheet' href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=xxxxxxxx=xxxxxxxx'/>
Script ini akan ada disetiap template blogger yang belum dioptimasi dengan menghapusnya kalian bisa cek dengan cara mengakes view-source:namablog.com atau dengan ctrl+u untuk melihat source codenya.
kode script yang sudah tidak berjalan biasanya sudah terkunci didalam <!-- --> dan dianggap menjadi HTML comment tag dengan warna hijau atau merah
Contohnya :
<!-- kode script beruba jadi kode HTML commant tag -->Berikut Cara Menghapus Script Js dan Css Bawaan Blogger :
1. Cari kode <head> ubah menjadi dibawah ini
<!--<head>--><head>
2. Cari kode <b:skin><![CDATA[ ubah menjadi dibawah ini
<style>
<!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style>
3. Cari kode ]]></b:skin> lainnya ubah menjadi dibawah ini
</style>
4. Cari kode </head> ubah menjadi dibawah ini
</head>
5. Cari kode <body> ubah menjadi dibawah ini
<!--<body>--><body>
6. Cari kode </body> ubah menjadi dibawah ini
<!--</body>--></body>
Terakhir tinggal klik save template dan lihat hasil perubahanya. Kalian bisa gunakan google page speed insight disini atau gtmatrix disini untuk melakukan pengecekan kecepatan blog yang sudah kalian edit templatenya untuk melihat hasilnya.
Baca juga : Mengatasi Tombol Reply Komentar Blogger Error
Catatan :
Kalian bisa melakuka backup template kalian, agar bisa di restore jika terjadi error saat kalian mengedit
Kalian perlu sedikit teliti saat melakuan pengeditan template ini.
