Hapus CSS dan Javascript Widget Bawaan Blogger
Kenapa harus di hapus ? Karena itu membuat berat blog ! Sebenarnya sih tidak perlu di hapus jika kita tidak begitu peduli dengan kecepatan blog saat dimuat. Tapi kalau kita ingin membuat blog kita menjadi lebih ringan dan cepat saat dimuat mungkin kita harus mengahapusnya.
Jika kita melihat sumber kode blog kita (Tekan CTRL + U pada salah satu halaman yang ada di blog) kita akan menemukan beberapa kode yang mirip seperti berikut
<link type='text/css' rel='stylesheet' href='https://www.blogger.com/static/v1/widgets/1708208307-widget_css_bundle.css' />
<link type='text/css' rel='stylesheet' href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=1968593488482219757&zx=7634a6d7-1b81-4fad-8153-95c9425c2d6b' />
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/278981662-widgets.js"></script>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
Blogger secara otomatis akan membuat kode seperti diatas untuk memasukkan file/berkas eksternal tambahan berupa css dan javascript yang berfungsi untuk pengaturan tampilan dan juga aksesibilitas dari beberapa widget yang kita gunakan. Namun terkadang kita tidak membutuhkan tersebut karena suatu alasan tertentu. Untuk menghapusnya silahkan ikuti cara - cara dibawah ini
Hapus CSS bawaan blogger
Seperti yang saya ketahui pada kode diatas bahwasanya ada dua file/berkas .css yang dimuat yaitu widget_css_bundle.css dan authorization.css. Untuk menghapusnya :
- Buka template editor anda di blogger dan cari kode
<b:skin><![CDATA[atau tekan CTRL + F lalu ketik<b:skin><![CDATA[dan tekan enter - Setelah ketemu, tandai/blok kode setelahnya sampai sebelum kode
]]<</b:skin>dan pindahkan yang di tandai/blok ke notepad atau teks editor lainnya - Maka kode yang tertinggal kurang lebih akan menjadi seperti
<b:skin><![CDATA[ ]]<</b:skin> - Lalu ganti kode tersebut dengan
<style type="text/css"> <!-- /*<b:skin><![CDATA[*/]]></b:skin> - Kemudian tambahkan
<style type='text/css'> "kode css disini" </style>setelah kode</b:skin>dan ganti "kode css disini" dengan kode yang dipindahkan tadi ke notepad atau teks editor lainnya. - Klik simpan template
- Maka jika anda melihat sumber kode yang ada diblog anda kurang lebih kode tersebut akan menjadi seperti ini
<style type="text/css"> <!-- /*<link type='text/css' rel='stylesheet' href='https://www.blogger.com/static/v1/widgets/1708208307-widget_css_bundle.css' /><link type='text/css' rel='stylesheet' href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=1968593488482219757&zx=7634a6d7-1b81-4fad-8153-95c9425c2d6b' /> <style id='page-skin-1' type='text/css'><!-- */ --></style>
Jika demikian, maka anda telah berhasil menghapus CSS bawaan dari blogger
Hapus Javascript bawaan blogger
Sama seperti CSS bawaan blogger, Javascript bawaan blogger juga ada dua file/berkas .js yang dimuat yaitu widgets.js dan plusone.js. Kali ini menghapusnya cukup mudah. Anda hanya perlu mencari kode </body> pada template editor blog anda dan menggati kode tersebut dengan </body> <!-- </body> --> dan simpan. Selesai
Menghapus CSS dan Javascript bawaan blogger
Jika anda ingin menghapus CSS dan Javascript bawaan blogger sekaligus, maka anda tidak perlu mengikuti langkah diatas. Berikut adalah cara untuk menghapusnya sekaligus :
- Cari kode
<head>dan ganti dengan ini<head> - Kemudian
</head>ganti dengan</head> - lalu
<body>ganti dengan<body> - Dan
</body>ganti dengan</body> - Terakhir cari kode
</htmldan letakkan kode<!--<head/><body/>-->tepat sebelum kode tersebut atau di atasnya. - Simpan Template
Referensi :How to remove blogger css reset - matikan fungsi widget.js dan plusone.js
Ri