Waktu pertama kali mengalami kejadian ini, admin juga bingung setengah mati, padahal sehari sebelumnya admin suda memastikan tidak ada masalah pada css templatenya, tapi beberapa hari berikutnya tiba-tiba ada style yang berubah, margin dan padding tambahan yang entah datangnya dari mana sehingga membuat tampilan blog jadi berantakan bahkan sebagian widget jadi kacau.
Admin awalnya tidak curiga dengan CSS Bundle, pasalnya admin suda perna menon aktifkan css ini dengan mengganti css style blog dan tidak bergantung lagi dengan css bawaan blog, namun setelah usut punya usut, entah mengapa pengaruh css bundle masih saja berimbas ke tampilan blog.
Berikut beberapa kerusakan tampilan blog akibat css bundle blogspot :
- Margin atau padding widget tiba-tiba berubah
- Lebar blog jadi menyempit dan mengganggu ukuran kolom thumbnail
- Header melebar dan mengganggu ads disampingnya
- List style di sidebar jadi rusak atau terpotong
- Tampilan footer jadi berantakan kurang responsive
- Font mendadak membesar atau mengecil
- Sebagian CSS tidak berfungsi
- Sebagian Widget ikut tidak berfungsi dengan benar
- Dan berbagai masalah lainnya.
SOLUSI TEPAT MENGATASI CSS BUNDLE
Ternyata solusinya sangat sederhana, hanya meletakkan script pendek untuk menahan CSS Bundle agar tidak lagi ikut campur soal tampilan blog aga. Nah... Silakan copy dan pastekan script pendek dibawah ini tepat diatas code </head>
<!-- Remove CSS Bundle -->
<script> $("[href$='css_bundle.css']").remove(); </script>
Setelah itu save template blog agan dan coba lihat hasilnya.
TAMBAHAN :
Bagi blog Support HTML 5 kemungkinan akan ada beberapa widget yang berubah posisi setelah memasang script diatas. Bagi template dominan CSS3 kemungkinan tidak ada masala berarti, paling cuma tampilan Layout yang perlu sedikit dirapikan.
Artikel Terbaru!
Recent Posts Widget
