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.
Blogging Template Tips Trick Cara Menonaktifkan Bundle.css

Cara Menonaktifkan Bundle.css

34 komentar , ,
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.
Referensi : http://damzaky.blogspot.com/2012/10/how-to-remove-blogger-css-reset.html

Artikel Terkait

34 komentar :

  1. Kang KapukSelasa, Oktober 23, 2012

    keduax...ekekekekekk

    BalasHapus
  2. Bayu HandonoSelasa, Oktober 23, 2012

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

    BalasHapus
  3. Al FirouzSelasa, Oktober 23, 2012

    ketigak wokokokokok

    BalasHapus
  4. Wahyu GrafitianzKamis, Oktober 25, 2012

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

    BalasHapus
  5. BlogS of HariyantoSabtu, Oktober 27, 2012

    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
  6. Resep MasakanJumat, November 09, 2012

    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
  7. IskaSabtu, November 17, 2012

    berapa kb emang ngaruhnya om?

    BalasHapus
  8. Tips Pengobatan HerbalSenin, November 19, 2012

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

    BalasHapus
  9. SupercoolzzSelasa, November 20, 2012

    Bundle CSS itu fungsinya untuk apa ya?

    BalasHapus
    Balasan
    1. Aeferes / Al FirousSabtu, Desember 15, 2012

      Bundle CSS itu isinya CSS Default dari template bawaan Blogger bro...

      Hapus
  10. UnknownSenin, Desember 03, 2012

    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
  11. hienzoSabtu, Januari 26, 2013

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

    BalasHapus
  12. Anti RayapSelasa, Januari 29, 2013

    thanks info tutorialnya, tambah2 jadi ilmu deh nih. regards

    BalasHapus
  13. UnknownMinggu, Februari 03, 2013

    k empatx ekekekekek

    BalasHapus
  14. Surya☼Chandra☼GobelSabtu, Maret 30, 2013

    hmmm, begitu ya, dicoba dulu lah gan !

    BalasHapus
  15. AnonimKamis, Mei 09, 2013

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

    BalasHapus
    Balasan
    1. AlamSabtu, Mei 11, 2013

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

      Hapus
    2. Aeferes / Al FirousJumat, Mei 17, 2013

      @Anonim : sudah baca postingnya sampai selesai ?

      Hapus
  16. AnonimSenin, Juli 29, 2013

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

    BalasHapus
  17. Cara Tutorial TerbaruKamis, Oktober 24, 2013

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

    BalasHapus
  18. pak karta malaysiaSenin, Desember 16, 2013


    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
  19. Bang HuddiSelasa, Februari 11, 2014

    Saya kok gak bisa ...?

    udah di coba tapi tetap.

    atau kenapa gak dihapus aja kodenya...?

    BalasHapus
  20. ZammKamis, Februari 13, 2014

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

    BalasHapus
  21. AnonimMinggu, Februari 23, 2014

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

    BalasHapus
  22. ZammSenin, Februari 24, 2014

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

    BalasHapus
  23. Ficri PebriyanaRabu, Maret 26, 2014

    akhirnya ketemu juga, makasih sob,,,

    BalasHapus
  24. nukeRabu, Oktober 01, 2014

    trims sy akan cb.

    BalasHapus
  25. Seputar Bola TerkiniSelasa, Oktober 07, 2014

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

    BalasHapus
  26. AnonimSabtu, Januari 17, 2015

    Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  27. kaos mainRabu, September 09, 2015

    bukan nya sama aja yah ?

    BalasHapus
  28. Tas MewahSabtu, Oktober 10, 2015

    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.

Langganan: Posting Komentar ( Atom )