Menghilangkan CSS dan JavaScript Bawaan Blogger

Pembaharuan sintaks Blogger yang sekarang memungkinkan kita mencegah mesin Blogger untuk menyisipkan kode CSS dan JavaScript bawaan ke dalam hasil keluaran HTML tema. Caranya adalah dengan menambahkan atribut b:css dan b:js dengan nilai false.

<html b:css='false' b:js='false'> … </html>

Namun satu hal yang perlu diingat bahwa beberapa fitur bawaan yang bekerja dengan JavaScript mungkin tidak akan bisa bekerja karena perubahan ini. Fitur-fitur tersebut di antaranya adalah fitur balas komentar, fitur buka-tutup pada widget arsip hierarki, fitur formulir kontak, dan juga fitur ini.

15 Komentar

  • Aqshal Tata

    Makin lama blogger makin simple aja ya..

    • Aqshal Tata

      Oh iya, saya ada 1 saran bagi yang mau pakai code ini:
      Ditemplate saya setelah pasang code ini, halaman layout widget langsung kepotong dan tidak bisa ngedit widget apapun.

      Jadi, kalau mau ngedit letak widget ataupun mau nambah widget baru, hapus dulu code ini.

      Makasih

      • Taufik Nurrohman

        Belum pernah Saya coba tapi mungkin bisa diakali dengan cara seperti ini:

        <html b:css='data:view.isLayoutMode' b:js='data:view.isLayoutMode'>

        Jadi nilai setiap atribut akan menjadi true ketika kita sedang di halaman Tata Letak.

        • Aqshal Tata

          Makasih untuk solusinya :D
          Langsung saya coba dan work 100% :)

        • Aqshal Tata

          Ralat, ternyata code diatas tidak memberi efek apapun pada code penghilangan script bawaan blogger. Ada code lain?

          • Taufik Nurrohman

            Kalau untuk memperbaiki tampilan tata letak Saya masih belum bisa tapi untuk mengedit pada tampilan tata letak yang rusak Saya biasa melakukan klik kanan pada area kemudian pilih This Frame » Open Frame in New Tab

            • Aqshal Tata

              Terima kasih sudah memberi solusinya :D

              FYI sedikit, kalau kita buka halaman blogger menggunakan browser Chrome, tombol Open frame in new tab sudah nggak ada dan kita harus download ekstensi tambahan agar bisa menggunakan fungsi tersebut.

          • Taufik Nurrohman

          • Kang Mousir

            Komentar ini telah dihapus oleh pengarang.

          • Kang Mousir

            Maaf ternyata saya salah eksperimen, kurang membaca sampai akhir. Komentar sebelumnya dihapus saja haha

            Saking senangnya css dan jss bawaan blogger bsa dimatikan tanpa perlu menggunakan tag manual untuk menonaktifkannya. Saya sedang menyusun ulang xml blogger yang dibuat, jadi tutorial ini sangat membantu untuk menyederhanakan sintaksnya. Walaupun efeknya tata letak 'error', setidaknya bisa diatasi dengan cara ini.

  • lutfiyah

    Sedikit prolog dari saya:

    [rel=quote]Kesulitan pembaca ketika menulis komentar di dalam sebuah diskusi blog sama halnya ketika penulis konten blog memikirkan bentuk dan isi kontennya sendiri.[/quote]

    Saya datang dari masalah ini. Sebelumnya, cara Mas Taufik "mengakali" untuk membuang css dan js dari Blogger cukup logis, karena lebih fleksibel. Daripada menjadikan css Blogger sebagai komentar html di dalam tag head dan/atau sebelum body, dan menjadikan js Blogger sebagai komentar html di atas close-tag html--yang menyebabkan komentar html dibaca dua kali, lebih baik mematikan css dan js Blogger sekaligus dan, sekali lagi, "mengakali" css bundle milik Blogger di akhir body dan/atau sebelum close-tag html, sehingga komentar html dibaca hanya sekali, yakni css bundle tersebut. (Saya teliti ini hanya di Layout Versi 2).

    Namun, di desain Layout Versi 3 dan Wigdet Versi 2, kenapa css bundle hilang ketika css Blogger bernilai false?

    Lalu, untuk js Blogger, saya coba tiga cara ini, tetapi tetap gagal.

    Cara pertama:
    <html>
    <b:attr cond='data:view.isLayoutMode' value='true' name='b:js'/>
    <b:attr cond='!data:view.isLayoutMode' value='false' name='b:js'/>

    Cara kedua:
    <html>
    <b:attr expr:value='data:view.isLayoutMode ? &quot;true&quot; : &quot;false&quot;' name='b:js'/>

    Cara ketiga
    <html b:js='data:view.isLayoutMode ? &quot;true&quot; : &quot;false&quot;'>

    Blogger menolak dan tetap merender <em>js</em>-nya. Kenapa, ya?

    Menariknya, Mas Taufik, lagi-lagi, cukup cerdik: membuka layout, yang jelas-jelas hanya iframe, di jendela baru. Kendati agak keluar dari topik css dan js, sedikit bersinggungan dengan ketika membuka iframe layout, satu pertanyaan bagi Mas Taufik, menurut Anda, apakah kelebihan dan kekurangan widget Blog1 antara Layout Versi 2 dan Layout Versi 3-Wigdet Versi 2, lebih fleksibel mana untuk kita otak-atik?

    • Taufik Nurrohman

      Dugaan Saya mengenai flow parse tema Blogger itu seperti ini:

      1. Memuat berkas XML
      2. Mengecek atribut b:css dan b:js, jika bernilai true maka berkas CSS dan JavaScript bawaan Blogger akan disisipkan
      3. Mengonversi tag XML Blogger menjadi tag HTML
      4. Menghapus semua atribut b:* yang tersisa.

      Untuk membuat kondisional semacam b:css='data:view.isLayoutMode' supaya bisa bekerja, maka urutannya harus diubah menjadi seperti ini:

      1. Memuat berkas XML
      2. Mengonversi tag XML Blogger menjadi tag HTML
      3. Mengecek atribut b:css dan b:js, jika bernilai true maka berkas CSS dan JavaScript bawaan Blogger akan disisipkan
      4. Menghapus semua atribut b:* yang tersisa.

      Nah, karena ini ada di dalam mesin Blogger, jadi Saya tidak bisa melakukan apa-apa.

      Mengenai keunggulan layout versi 3 dibandingkan versi 2 menurut Saya ada di fitur <b:widget-settings>. Karena dengan tag tersebut semua data widget dapat diunduh berikut dengan berkas XML tema. Sehingga ketika tema dipasang ulang pada blog yang lain, pengaturan widget juga akan mengikuti, termasuk juga konten widget bertipe HTML/JavaScript. Kalau dulu setiap kita mengunduh tema, data widget yang ikut terunduh hanya berupa kontainer-nya saja, sedangkan data-data seperti konten widget HTML/JavaScript masih tersimpan di dalam basis data di blog lama secara terpisah.

  • Kang Mousir

    Cara ini efektif untuk menghilangkan css dan js bawaan blogger, walaupun masih ada 'sesuatu' yg tertinggal pada widget v2, namun hal ini bisa diatasi seperti pada diskusi ini

    Rasanya nanggung klo kode dibawah ini tidak ikut dihilangkan juga, bagaimana cara yang blog ini lakukan untuk menghilangkannya ?
    <b:skin><![CDATA[

    ]]></b:skin>

    • Kang Mousir

      Maafkan saya mas, masalahnya sudah clear. Ternyata cuma akal-akalan menggunakan tag kondisional saja. Kemarin saya coba tag kondisional untuk halaman layout page hasilnya gagal dan ternyata ada sedikit kesalahan pada tag kondisional yg saya buat :D

  • ayman

    very good






Semua kode HTML akan dihapus kecuali kode-kode HTML yang dituliskan sebagai contoh. Gunakan sintaks Markdown untuk memberi gaya pada komentar.


Batal