Mecha versi 2.6.4 sudah dirilis!

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.

17 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.

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

Asep Rohimat

Mas taufik saya menggunakan tema dari mas sugeng linkmagz versi 2.7.0 saya ingin memperbaiki temanya dan menghilangkan css dan js yang seperti mas taufik bilang tapi saya belum paham betul

Taufik Nurrohman

Para pembuat tema komersil biasanya nggak lepas tangan sama klien kok pak. Coba saja konsultasi ke mas Sugeng. Harusnya si bakal dijawab, soalnya ini bukan perkara sulit.

Komentar telah ditutup.