3 Cara unik menghilangkan "bundle.css" pada Blogger

Sudah diketahui banyak orang bahwasannya source yang tidak terpakai sebaiknya jangan sampai ter-load. Karena hal ini banyak web/blog yang menjadi sedikit lebih lambat sekian detik. Meski sudah telah diketahui juga, bahwa banyak dari para blogger mem-posting tulisan tentang bagaimana cara agar bundle yang dari theme bawaan blogger menjadi hilang. Berikut adalah cara yang banyak beredar dijagat maya.

Mark as comment <b:skin>

Berikut ini adalah langkah / cara pertama untuk menghilangkan bundle.css pada Blogger. Cara ini mungkin banyak dilakukan dan cukup sederhana. Cara ini nantinya akan menjadikan source bundle.css dalam comment, hasilnya dalam html seperti berikut:


<-- .... <link href='https://www.blogger.com/static/v1/widgets/3332739511-widget_css_bundle.css' rel='stylesheet' type='text/css'/> ....-->

Dan biasanya CSS bundling yang lain pun akan mengekor, tidak akan di-load.

Jangan lupa backup theme/template Blogger Kamu agar sewaktu-waktu jika ada kejadian yang tidak dikondisikan dapat dikembalikan seperti semula.

Caranya sebagai berikut:

  1. temukan baris kode <b:skin><![CDATA[, jika sudah ketemu copy dan pindahkan semua kode CSS mulai dari akhir kode tersebut hingga sebelum kode ]]></b:skin> kedalam text editor-mu
  2. sisakan baris kode berupa <b:skin><![CDATA[]]></b:skin>
  3. ganti atau ubah baris tersebut diatas menjadi seperti berikut:
    
    <style type="text/css"> <!-- /* <b:skin><![CDATA[ */]]></b:skin>
    
    atau Kamu dapat menggantinya dengan copas:
    
    &lt;style type=&quot;text/css&quot;&gt;
    &lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>
    
  4. Pidahkan semua CSS yang telah disimpan dalam teks editor dibagian berikut:
    
    <style type="text/css">
    <-- kode CSS di sini -->
    <-- oleh totoprayogo.com -->
    </style>
    
  5. Selesai, silakan simpan Theme editor Blogger Kamu, lihat apakah sudah berhasil atau belum.

Seperti yang telah saya bilang pada judul, cara pertama diatas adalah cara yang banyak beredar didunia maya. Selanjutnya adalah pembahasan tentang cara yang kedua untuk men-disable bundle.css agar tidak ter-load.

Mark as comment <head>

Cara kedua ini saya temukan tidak sengaja ketika mencari referensi tentang pembuatan Theme Blogger dengan menggunakan Bootstrap. Cara ini lebih simple untuk diterapkan dan hanya beberapa langkah saja. Berikut adalah cara mudahnya:

Jangan lupa backup theme/template Blogger Kamu agar sewaktu-waktu jika ada kejadian yang tidak dikondisikan dapat dikembalikan seperti semula.

  1. cari kode tag <head> hapus dan gantilah dengan &lt;head&gt;
  2. sedangkan untuk bagian penutup, cari </head> dan ubah menjadi &lt;/head&gt;
  3. jangan lupa tambahkan kode tag seperti ini dibawah tag penutup diatas tadi: <!-- <head/> --> dan selesai silakan simpan. Lihat perubahan apa yang terjadi.

Set code b:css menjadi "false"

Cara ini lebih mudah dibanding 2 cara diatas dan tentu saja recommended. Hanya perlu menambahkan kode (jika belum ada) dan hanya men-set false jika sebelumnya true. Langkah mudah ini hanya perlu menmbahkan b:css='false' pada baris tag <html>. Hasil jadi seperti baris berikut ini:

<html b:css='false' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

Mungkin itu saja yang dapat saya bagi, silakan bertanya lewat apa saja, komen, inbox, email, whatsapp dan lain sebagainya jika ada pertanyaan yang insya Allah dapat membantu Anda.

Terimakasih, dan semoga anda balik lagi kemari.
Toto Prayogo

Disqus Comments