Langsung ke konten utama

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

Postingan populer dari blog ini

Cara menggunakan mifi

Kebutuhan akses internet kian hari kian menjadi sebuah kebutuhan primer. Kita bagaikan tidak dapat hidup tanpa keberadaan internet itu sendiri. Bahkan mungkin ada orang diluaran saya yang rela tidak makan demi akses internet. Berikut ini akan saya jelaskan pilihan mifi 4G All operator yang terbaik untuk digunakan.Apa itu mifi?Mi-Fi (baca: mifi) adalah kependekan dari Mobile Wi-Fi. Yang namanya mobile sudah pasti dapat dibawa kemana-mana dan sangat fleksibel selayaknya mobile phone yang biasa kita genggam kemana-mana. Mifi sendiri berfungsi layaknya router yang berfungsi memancarkan/menyebarkan sinyal untuk selanjutnya dapat kita gunakan untuk berselancar didunia maya.
Sebenarnya sudah jelas apa itu mifi, dan sepatutnya tidak timbul pertanyaan lebih bagusan mana antara wifi atau mifi?
Sedangkan untuk pertanyaan tentang perbedaan wifi dan mifi kalian sebagai pembaca sudah lebih paham dari mengartikan kata Mobile Wi-fi diatas.Pilihan modem mifi GSMMiFi Huawei E5577CGambar diatas adalah Mi-…

Membuat Random Words dengan Codeigniter

Sejak helperrandom_element() hadir, semua custom function mulai di-migrasi. Semua koding tidak memerlukan keahlian khusus, hanya perlu logika. Termasuk dengan generator random words yang sangat dibantu oleh kehadiran fungsi ini.IntroGenerator Random Words adalah satu yang ingin saya bagikan. Di-Codeigniter sendiri sudah hadir yang namanya random_string() yang menghasilkan string acak. Sedangkan kali ini ingin berbagi dengan kata acak yang dapat diaplikasikan untuk helper seperti captcha. Cara ini sudah saya terapkan pula untuk captcha bawaan dari CI untuk beberapa proyek web.The StepsLangkah untuk membuat random word ini cukup mudah, hanya persiapkan database yang ada, tentu yang sudah ada artikelnya agar kata acaknya keluar sesuai konten yang ada. Daripada mencari api yang menyediakan kata acak dan tentu berbayar.
Untuk kasus ini, anggap saja kita memiliki DB dengan table bernama 'news' dengan kolom 'articles'. Dengan bantuan random_element() akan memuluskan fungsi gen…

Cara mudah membuat fungsi Unique Slug pada codeigniter

Membuat URL demi meningkatkan SEO itu ternyata penting, jika suatu web/blog yang kita bangun tersebut ingin dikenal oleh publik karena kita publikasikan. Dalam kasus ini adalah membuat URL (slug) unik pada Codeigniter. Beberapa cara singkat akan diulas dalam artikel ini.IntroTidak perlu menguasai ilmu tinggi, kita hanya perlu sedikit logika saja agar URL yang kita buat menggunakan CI lebih unik. Dan cara yang dapat kita terapkan semua dapat kita ambil dalam dokumentasi CI tersebut. Ada beberapa cara yang dapat saya ulas untuk Anda, dan cara-cara ini juga yang sering saya terapkan pada banyak projek web saya.The StepsAgar URL menjadi cantik, kita gunakan helperurl_title() yang telah disediakan CI. Fungsi ini sangat membantu, jadi kita tak perlu lagi membuat fungsi baru agar URL cantik.Encrypt SlugCara ini paling dasar, saya sering menggunakan cara ini karena malas otak-atik terlalu dalam. Saya biasa menyimpan slug dengan cara ini. Efektif dan sangat mudah. Caranya dengan menggunakan f…