Menulis Formula Matematika di Blog dengan MathJax

Matematika, Siapa yang tidak mengenal materi satu ini? Mungkin bagi sebagian orang masih menganggap matematika itu sulit dipahami karena terlalu banyaknya rumus dengan cara penyelesaiannya yang berbelit-belit. Padahal Matematika itu menyenangkan dan mudah untuk dipelajari asal ada kemauan dan usaha untuk bisa pasti sedikit demi sedikit akan paham dengan sendirinya.



Karena saya kuliah di pendidikan matematika, mencari belajar tambahan dari internet adalah menjadi kebiasaan saya sebagai mahasiswa. Dan tentunya dalam mencari materi di search engine, pasti kita akan mencari referensi tentang materi tersebut. Benar saja, kebanyakan yang saya kunjungi adalah dari blog-blog bertema matematika yang memang membahas mengenai materi yang dicari.

Sayangnya, sebagian besar yang saya kunjungi dari blog tersebut adalah rumus-rumusnya itu hasil screenshot yang kemudian menjadi gambar yang diupload pada postingan tersebut. Kita tidak bisa menampilkan rumus karena memang tidak ada fitur equation seperti pada ms office maupun plugin yang mendukung baik pada blogspot ,wordpress dan lain-lain. tapi saya membuat postingan blog saya dapat menulis rumus matematika seperti halnya pada equation. Bisa kalian lihat pada rumus di bawah ini.

$g(x) =\sqrt{49x^9{\sqrt{16x^4\sqrt{30x^2+6x^2}}}}$

rumus diatas hanya contoh dan bukan untuk dihitung (bisa-bisa pusing duluan). Coba kalian drag rumus tersebut apakah rumus yang saya tulis menggunakan gambar atau tidak? ternyata bukan gambar melainkan teks. kok bisa seperti itu? tentu bisa dengan menggunakan pihak ketiga dengan MathJax. MathJax adalah plugin javascript yang digunakan guna menuliskan rumus-rumus matematika pada website maupun postingan kita. Disini saya akan berbagi tips untuk menulis rumus matematika pada postingan blog, berikut langkah-langkahnya :

1. Buka situs mathjax.org, klik menu documentation -> learn more pada getting started.
   
   
   


2. Copy package cdnjs mathjax berikut
   
   

   <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=TeX-MML-AM_CHTML">


lalu masuk ke tema -> edit html dan letakkan sebelum tag </head>


3. Masukkan juga skrip konfigurasi mathjax berikut dan letakkan juga sebelum tag </head>
   
   

   <script type="text/x-mathjax-config">
   MathJax.Hub.Config({
     tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
   });
   </script>

   
   Jadi skrip lengkapnya seperti berikut,
   
   

   <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=TeX-MML-AM_CHTML">
   <script type="text/x-mathjax-config">
   MathJax.Hub.Config({
     tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
   });
   </script>

   
   kemudian simpan tema.
   
   
   


4. Buat postingan dengan klik New Post, lalu coba kalian ketikkan entri percobaan berikut.
   
   
   


5. kita coba pratinjau untuk melihat hasilnya sebelum dipublikasikan.
   
   
   
   
   rumus teks yang telah ditulis akan terlihat hasilnya seperti rumus equation, jadi lebih indah dan bagus bukan?

kalian dapat mengetahui penulisan rumus lainnya lebih lanjut pada dokumentasi getting started mathjax