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:
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 ? "true" : "false"' name='b:js'/>
Cara ketiga
<html b:js='data:view.isLayoutMode ? "true" : "false"'>
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
danb:js
, jika bernilaitrue
maka berkas CSS dan JavaScript bawaan Blogger akan disisipkan3. 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
danb:js
, jika bernilaitrue
maka berkas CSS dan JavaScript bawaan Blogger akan disisipkan4. 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
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.