Menambahkan Extension Mhchem pada Mathjax di Blogger

Kamis, 19 Maret 2015

Bahasan kali ini fokus pada bagaimana cara memasang atau menambahkan ekstensi (extension) MHCHEM pada MATHJAX di blogger. Apa sih Mathjax apa pula itu ekstensi mhchem? Sekilas info saja,  MathJax adalah library JavaScript lintas-browser yang menampilkan notasi matematika di web browser, menggunakan MathML, LaTeX dan ASCIIMathML markup. Ekstensi mhchem adalah sebuah ekstensi atau aplikasi tambahan pada Mathjax untuk fungsi penulisan khusus kimia agar menjadi lebih mudah, tidak terlalu banyak membutuhkan perintah atau kode khusus sebagaimana mestinya namun penulisannya tetap sempurna. Bagi saya dan juga siapapun yang terbiasa menulis artikel berbau kimia tentu sangat membutuhkan ketika ingin menuliskan rumus-rumus kimia, bahkan struktur kimia sekalipun.

Banyak ulasan terkait bagaimana cara menggunakan Mathjax dengan ekstensi tertentu dan sejenisnya  demikian juga contoh bagaimana menuliskan rumus-rumus kimia juga seabrek. Yang jadi pertanyaan dari orang awam seperti saya adalah bagaimana cara menambah ekstensi yang diperlukan itu sehingga contoh-contoh kegunaannya dapat saya terapkan, diterapkan ketika menuliskan rumus kimia di blog yang saya kelola. Karena sana-sini belum saya temukan dan dengan mengamati, coba, dan coba hingga benar saya putuskan untuk menuliskan tutorialnya yang tak seberapa ini. Ternyata ini bukan hal yang rumit (karena sudah ketemu caranya : D ) hanya menambahkan beberapa tulisan saja ternyata ekstensi mhchem itu terpasang dan berfungsi sebagaimana saya mau.

Berikut tutorial dari saya.
Secara standar skrip untuk Mathjax dalam template blogger saya adalah seperti gambar berikut. Jika anda juga belum memasang dan ingin memasang script Mathjax tinggal tambahkan skrip seperti di bawah ini dalam bagian head, boleh diletakkan sebelum </head> pada template blogger anda.

Ini skrip untuk MathJax standar yang bisa disalin:
<script src='http://cdn.mathjax.org/mathjax/latest/MathJax.js' type='text/javascript'>
MathJax.Hub.Config({
extensions: [&quot;tex2jax.js&quot;,&quot;TeX/AMSmath.js&quot;,&quot;TeX/AMSsymbols.js&quot;],
jax: [&quot;input/TeX&quot;, &quot;output/HTML-CSS&quot;],
tex2jax: {
inlineMath: [ [&#39;$&#39;,&#39;$&#39;<script src='http://cdn.mathjax.org/mathjax/latest/MathJax.js' type='text/javascript'>
MathJax.Hub.Config({
extensions: [&quot;tex2jax.js&quot;,&quot;TeX/AMSmath.js&quot;,&quot;TeX/AMSsymbols.js&quot;],
jax: [&quot;input/TeX&quot;, &quot;output/HTML-CSS&quot;],
tex2jax: {
inlineMath: [ [&#39;$&#39;,&#39;$&#39;], [&quot;\\(&quot;,&quot;\\)&quot;] ],
displayMath: [ [&#39;$$&#39;,&#39;$$&#39;], [&quot;\\[&quot;,&quot;\\]&quot;] ],
},
&quot;HTML-CSS&quot;: { availableFonts: [&quot;TeX&quot;] }
});
</script>

Lakukan penambahan kode --- ,&quot;TeX/mhchem.js&quot; --- pada bagian extensions: sehingga menjadi seperti di bawah ini.


Ini skrip untuk MathJax dengan tambahan ekstensi mhchem yang bisa disalin:
<script src='http://cdn.mathjax.org/mathjax/latest/MathJax.js' type='text/javascript'>
MathJax.Hub.Config({
extensions: [&quot;tex2jax.js&quot;,&quot;TeX/AMSmath.js&quot;,&quot;TeX/AMSsymbols.js&quot;],
jax: [&quot;input/TeX&quot;, &quot;output/HTML-CSS&quot;],
tex2jax: {
inlineMath: [ [&#39;$&#39;,&#39;$&#39;<script src='http://cdn.mathjax.org/mathjax/latest/MathJax.js' type='text/javascript'>
MathJax.Hub.Config({
extensions: [&quot;tex2jax.js&quot;,&quot;TeX/AMSmath.js&quot;,&quot;TeX/AMSsymbols.js&quot;,&quot;TeX/mhchem.js&quot;],
jax: [&quot;input/TeX&quot;, &quot;output/HTML-CSS&quot;],
tex2jax: {
inlineMath: [ [&#39;$&#39;,&#39;$&#39;], [&quot;\\(&quot;,&quot;\\)&quot;] ],
displayMath: [ [&#39;$$&#39;,&#39;$$&#39;], [&quot;\\[&quot;,&quot;\\]&quot;] ],
},
&quot;HTML-CSS&quot;: { availableFonts: [&quot;TeX&quot;] }
});
</script>

Jika sudah, seperti biasa simpan template anda.

Berikutnya tinggal mencoba beberapa penulisan rumus kimia pada tulisan atau di halaman blog.
Contoh 1
$\ce{HCl}$ terurai dalam air 
$\ce{H2O + HCl<=>H3O+ + Cl-}$ 
Hasilnya akan tampil seperti berikut,
$\ce{HCl}$   terurai dalam air seperti reaksi berikut:
$\ce{H2O + HCl<=>H3O+ + Cl-}$


Contoh 2
$\ce{SO_4^2-}$  
Hasilnya akan tampil seperti berikut, $\ce{SO_4^2-}$

Contoh 3
$V_{\ce{H2O}}$  
Hasilnya akan tampak seperti berikut, $V_{\ce{H2O}}$

Manual cara penggunaan mhchem dapat diunduh dari sini (menggunakan bahasa inggris)

Demikian semoga bermanfaat.


Bagikan di

Tidak ada komentar:

Poskan Komentar

 
Copyright © 2015-2016 Urip dot Info | Disain Template Oleh Herdiansyah Hamzah Dimodivikasi Urip.Info