Menulis Format Rumus Kimia dan Matematika Secara Efisien di Blogger tanpa MathJax

Sabtu, 29 Maret 2025 edit

Menulis rumus senyawa kimia atau ion dan bentuk pecahan (pembilang dibagi penyebut) memang dapat menggunakan MathJax dengan kemampuan yang powerfull. Namun untuk mengetik rumus-rumus kimia dan perhitungan kimia relatif sederhana dapat dilakukan tanpa perlu MathJax. Keuntungan menggunakan cara ini, font yang digunakan sama persis dengan yang digunakan dalam postingan utama, berbeda dengan MathJax. Trik ini bisa saja diterapkan di platform selain Blogger, namun perlu adaptasi. Berikut ini catatan ringkas weblog urip.info yang menggunakan platform Blogger.

Sebelum menerapkan di tema Blogger, tema Blogger perlu di back-up dengan cara menyalin dan menyimpannya dalam format xml. Ini untuk antisipasi bila ada crash kode dalam tema,  tinggal menyalin back-up-an tadi ke dalam tema Blogger.

Kode CSS dan JavaScript dapat diunduh dari sini.

  1. Kode CSS disalin, diletakkan tepat sebelum tag penutup head (</head>) di tema Blogger.
    Kemudian kode Javascript yang digunakan seperti di bawah ini. Kalau hendak ikut menggunakan silakan salin **!tetapi tidak ada jaminan!** akan selalu berhasil kalau memang tidak mengerti cara memodifikasinya.

  2. Kode Javascript disalin dan diletakkan tepat sebelum tag penutup dari body (</body>) dalam tema Blogger, ini biasanya terletak di bagian paling bawah tema Blogger.

Setelah langkah Simpan tema Blogger, untuk mengetik rumus kimia dengan format tertentu serta pembilang-penyebut dalam persamaan akan lebih efisien tidak perlu menggunakan banyak penyandian, cukup ketik rumus kimia atau matematika sederhana yang diapit oleh tanda pipa di kiri dan kananya (|rumus|). Tidak perlu lagi sering bolak-balik beralih dari mode Tampilan menulis (Compose) - Tampilan HTML di Editor Blogger. Cukup dilakukan di mode Tampilan menulis seperti dicontohkan. Hasilnya dapat dilihat di mode preview sebelum diterbitkan karena ini tidak WYSIWYG.

Cara menggunakan dalam postingan Blogger
Catatan, untuk contoh di bawah ini jangan langsung menyalin dari kotak kode, silakan melakukan pengetikan mandiri. Harap maklum, dalam kode dalam contoh disisipkan tag span agar tidak dieksekusi secara otomatis oleh sistem. 


Contoh-1: A = |67//1001|
Yang harus diketik diketik di editor Blogger Mode Menulis:

|167//1001|

Contoh-2: B = |2a^3//xyz^-2|
Yang harus diketik di editor Blogger Mode Menulis:

|B = 2a^3//xyz^-2|

Contoh-3: [NaOH] = |n NaOH//volume NaOH|.
Yang harus diketik di editor Blogger Mode Menulis:

[NaOH] = |n NaOH/volume NaOH|

Contoh-4: Diketahui persamaan: |2NH_3(g) <=> N_2(g) + 3H_2(g)|, maka |K_c = [N_2][H_2]^3//[NH_3]^2|

Yang harus diketik di editor Blogger Mode Menulis:

Diketahui persamaan: |2NH_3(g) <=> N_2(g) + 3H_2(g)|, maka |K_c = [N_2][H_2]^3//[NH_3]^2|

Contoh-5: Penggunaan dalam rangkaian kata dalam kalimat:

Rumus menghitung jumlah zat dengan satuan mol adalah |n = massa zat//massa molar zat|. Ingat n satuan yang digunakan adalah mol, satuan massa adalah g, dan massa molar adalah g/mol.
Yang harus diketik di editor Blogger Mode Menulis:

Rumus menghitung jumlah zat dengan satuan mol adalah |n = massa zat//massa molar zat|. Ingat n satuan yang digunakan adalah mol, satuan massa adalah g, dan massa molar adalah g/mol.


Contoh-6: Pecahan dalam pecahan:

Aaaa = |(123/ab)//44|

Bbbb = |(123/ab)//(55/xyz)|

Qwer = |pq//(77/mn)|

Yang harus diketik di editor Blogger Mode Menulis:

|Aaaa = (123/ab)//44|
|Bbbb = |(123/ab)//(55/xyz)|
|Qwer = |pq//(77/mn)|

Catatan:

Tampilan format rumus kimia dan bentuk pecahan di editor Blogger bila ditulis dengan benar akan menjadi sempurna bila dalam mode preview (tampilan sebelum diposting) atau setelah diposting, karena tidak WYSIWYG sifatnya.

Bagikan di

Tidak ada komentar:

Posting Komentar

 
Copyright © 2015-2025 Urip dot Info | Disain Template oleh Herdiansyah Dimodivikasi Urip.Info