Web dan Grafis Desain
Author
Sharing is Beautiful.
Kp. Bumi Godean RT.01 RW.06
Wonosobo , Jawa Tengah
56311
Indonesia
alfirous@yahoo.com
081215880929
DOB: 09/03/----
Maaf web sedang dalam perbaikan setelah vakum dalam waktu yang lama.

Cara Menonaktifkan Bundle.css

Cara Menonaktifkan Bundle.css
Mungkin bagi sebagian narablog yang hobi bermain kode mengerti dengan bundle.css yang akan muncul di Page View Source (Ctrl + U). Kode tersebut adalah default CSS dari Blogger, jika memakai template bukan bawaan Blogger maka akan ada kode CSS yang tidak terpakai sehingga menambah berat loading blog tersebut. Bagi pengguna template klasik hal itu tidak jadi masalah. Menonaktifkan bundle.css adalah solusi terbaiknya. Berikut langkah-langkahnya :

  1. Buka Blogger.com > Edit HTML > Backup template terlebih dulu untuk keamanan jika terjadi kesalahan.
  2. Ctrl + F kemudian cari kode <b:skin><![CDATA[
  3. Blok kode CSS dari <b:skin><![CDATA[ sampai sebelum ]]></b:skin> kemudian pindahkan (Ctrl + X) ke notepad untuk sementara.
  4. Sekarang hanya ada kode <b:skin><![CDATA[ dan ]]></b:skin>
  5. Ganti kedua kode tersebut dengan kode
    &lt;!<b:skin><![CDATA[]]></b:skin>
  6. Kemudian tambahkan dibawahnya :
    <style type="text/css"> CSS yang ada di Notepad </style>
  7. Dan dibawah kode  <style type="text/css"> letakkan kode CSS yang tadi ditaruh di Notepad.
  8. Save Template.
Jika langkah diatas berhasil maka jika di View Source maka akan menjadi seperti ini :
Cara Menonaktifkan Bundle.css
Link Bundle.css akan berwarna hitam atau hijau, itu tandanya anda berhasil menonaktifkannya. Cobalah cek blog anda di GTmetrix.com maka anda tidak akan menemukan bundle.css dan skornya pun bertambah.

NB :
  • Menonaktifkan kode tersebut dapat mengakibatkan template anda rusak atau error.
  • Jika anda tidak mengerti dengan kode tersebut jangan mencobanya.
  • Langkah ini bukan menonaktifkan sebenarnya, tetapi hanya membuat agar tidak terbaca oleh browser.
  • Efeknya juga dapat menambah Page Speed Score anda di GTmetrix.
Sekian posting tentang cara menonaktifkan Bundle.css semoga bermanfaat bagi anda.

34 komentar :

  1. wah baru tau nih, tak kira css.bundle itu css yang di hosting. okok tak coba thanks mas :D

    BalasHapus
  2. wah keren nih blog, triknya juga keren.. sudah saya pake tapi malah jelek tampilan blog saya hadeh -_-

    BalasHapus
  3. Assalamu'alaikum warahmatullahi wabarakatuh,
    Alhamdulillah kita masih diberi ALLAH SWT , nikmat umur buat menyambut Idul Adha tahun ini,
    semoga rahmat dan karunia ALLAH SWT selalu menyertai kita semua,
    selamat merayakan Hari Raya Idul Adha,
    bila ada salah dan khilaf dalam kata serta sikap selama ini, mohon di maafkan lahir dan batin.
    Wassalam

    BalasHapus
  4. wajib di praktekin niihh gan ane coba praktek di beberapa template dulu deh, saran dikit ya gan, agan kan sering bikin template gimana kalau setiap template agan di hiden bundle.css nya hehehe biar enak gitu #Ngarep

    BalasHapus
  5. berapa kb emang ngaruhnya om?

    BalasHapus
  6. makasih kawan udah berbagi nih tipsnya,,,baru sadar kalau blog punyaku itu banyak CSS yang tidak diperlukan,,hee

    BalasHapus
  7. Bundle CSS itu fungsinya untuk apa ya?

    BalasHapus
    Balasan
    1. Bundle CSS itu isinya CSS Default dari template bawaan Blogger bro...

      Hapus
  8. Tips diatas itu bisa digunain menggunakan hosting bro.. kalo yang ane tahu sih begitu jadi css yang disimpan dinotepad bisa dipanggil. Kalo gak ya pasti error. Tips ini sering digunain untuk yang biasa membangun website full koding bukan melalui blogger.

    BalasHapus
  9. eh ternyata bener jadi error.
    gak jadi nyoba ah :D

    BalasHapus
  10. thanks info tutorialnya, tambah2 jadi ilmu deh nih. regards

    BalasHapus
  11. hmmm, begitu ya, dicoba dulu lah gan !

    BalasHapus
  12. keliatan klo ilmu setengah2, cm sampah sudah tahu bikin rusak template- knapa diajarin juga? GOBLOK !

    BalasHapus
    Balasan
    1. ini posting untuk yang suka ndesain template mas, biar kodenya (CSS) gak tubrukan sama kode (CSS) dari bundle.css

      Hapus
    2. @Anonim : sudah baca postingnya sampai selesai ?

      Hapus
  13. Om, apa ini bisa memperbaiki biar template jadi Valid CSS?

    BalasHapus
  14. Gimana cara ngilangin border di textbox kotak pencarian ama subscribe.. pusing.. help me!

    BalasHapus

  15. SAYA SEKELUARGA INGIN MENGUCAPKAN BANYAK TERIMAH KASIH KEPADA MBAH RINGGO BERKT BANTUANNNYA SEMUA HUTANG HUTANG SAYA SUDAH PADA LUNAS SEMUA BAHKAN SEKARAN SAYA SUDAH BISA BUKA TOKO SENDIRI,ITU SEMUA ATAS BANTUAN MBAH YG TELAH MEMBERIKAN ANKA JITUNYA KEPADA SAYA DAN ALHAMDULILLAH ITU BENER2 TERBUKTI TEMBUS..BAGI ANDA YG INGIN SEPERTI SAYA DAN YANG SANGAT MEMERLUKAN ANKA RITUAL 2D 3D 4D YANG DIJAMIN 100% TEMBUS SILAHKAN HUBUNGI MBAH RINGGO DI 085/205/213/777/

    BalasHapus
  16. Saya kok gak bisa ...?

    udah di coba tapi tetap.

    atau kenapa gak dihapus aja kodenya...?

    BalasHapus
  17. ini bagi agan2 ni alternatif lain buat ngoptimalin CSS Bundle.. plus layoutnya juga ga berantakan.. mungkin bisa membantu.. http://goo.gl/yy8dZ6

    BalasHapus
  18. ini UPdatenya bro.. eliminasi CSS yang memblokir render baik CSS 2 Bundle atau CSS Mobile 2 Bundle.. http://goo.gl/qTYGzo

    BalasHapus
  19. lihat tut videonya um http://www.youtube.com/watch?v=g2lRviML6gQ

    BalasHapus
  20. akhirnya ketemu juga, makasih sob,,,

    BalasHapus
  21. kalo saya aktifkan saja terus gan ,hehehe
    terima aksih sudah share info kekita juragan :D

    BalasHapus
  22. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  23. langsung ditindaklanjuti gan...

    BalasHapus

Anda dapat berkomentar terkait artikel diatas dan isi komentar sepenuhnya menjadi tanggung jawab komentator.

Dilarang berkomentar dengan tidak sopan, kasar, berisi fitnah, berbau SARA, SPAM dan OOT. Setiap komentar yang masuk akan dimoderasi dan akan diterbitkan jika sesuai dengan ketentuan yang berlaku.