Cara Menulis Rumus dan Simbol Matematika di Blog

Menuliskan rumus matematika di halaman web atau blog memang agak berbeda dan tidak semudah pengetikkan di Microsoft Office Word. Untuk blog biasanya menggunakan bantuan MathJax. MathJax bekerja dengan menerjemahkan semua rumus dan simbol matematika yang ditulis dengan menggunakan Latex menjadi Javascript yang kemudian ditampilkan oleh browser sebagaimana penulisan rumus matematika pada umumnya.

Kalau menggunakan Microsoft Office Word penulisannya simpel dan tinggal klik saja karena sudah terintegrasi langsung dengan sebuah editor yang memiliki fitur visual dan dikhususkan dalam penulisan rumus dan simbol matematika. Editor tersebut adalah Equation Editor yang berada di menu tab Insert. Penggunaan editor ini cukup mudah.

Dan inilah bedanya dengan halaman web. Halaman web tidak menyediakan Equation Editor. Meskipun demikian bukan berarti kita tidak bisa menulis rumus dan simbol matematika pada web. Penulisannya bisa dilakukan secara online menggunakan Equation Editor online. Salah satu situs yang menyediakan Equation Editor online adalah codecogs.com.

Situs ini menampilkan form penulisan rumus yang ditulis dengan latex dan tinggal klik saja pada simbol yang diinginkan. Hasilnya kita copy paste ke postingan atau halaman dimana kita tulis. Namun sebelum di paste awali dengan tanda dolar ($) dan diakhiri juga dengan tanda dolar.

Blog saya ini juga menggunakan MathJax. Awalnya menggunakannya agak sedikit kaku dan kurang ngerti bagaimana mengetik setiap rumus dan simbol matematika. Namun seiring berjalannya waktu saya menjadi terbiasa dan mudah dalam mengoperasikannya.

Hanya saja, sebelum kita menggunakan fitur ini kita perlu memasang script MathJax di template blog kita. Pemasangannya mudah. Login dulu ke akun blogger kemudian pada dashboard klik Template lalu pilih Edit Template kemudian salin dan tempel kode berikut sebelum bagian </head>.

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

Usai ditempel jangan lupa klik "Simpan".

Bagaimana cara menuliskan rumus matematika??

Langkah-langkah menuliskan rumus dan simbol matematika pada blog menggunakan codecogs.com adalah sebagai berikut:

1. Mula-mula silahkan masuk ke situs codecogs.com, lalu muncul tampilan equation editor seperti gambar berikut.

Bagi pemula sebaiknya gunakan cara visual. Sebagai latihan, anggaplah kita akan menuliskan rumus berikut:

Ketiklah rumus: S_{n}=\frac{a(1-r^{n})}{1-r} pada form yang tersedia.

2. Setelah rumus dibuat kita memiliki tiga pilihan untuk memasukkan ke blog atau halaman web. Alternatif pertama adalah dengan mengunduh rumus tersebut menjadi gambar. Pilih link Click here to Download Image (GIF) yang ada dibawah Preview rumus matematika. File diunduh ke komputer lokal dan kemudian dari komputer lokal file ini diunggah lagi ke blog seperti kita mengunggah foto/gambar.

3. Alternatif kedua adalah dengan menyalin kode HTML yang ada pada bagian bawah tampilan (sebaiknya pilih yang HTML dan bukan HTML Edit). Kode ini disalin dan ditempelkan ke dalam artikel/tulisan blog pada mode HTML (jangan pada mode visual). Jika kode sudah disalin coba lihat preview-nya pada mode visual.

4. Atau dengan alternatif yang ketiga yaitu dengan menyalin kode rumus yang kita ketik ke dalam postingan. Namun kode harus diapit dengan tanda $. Secara lengkap kode kita tulis seperti ini:

$S_{n}=frac{a(1-r^{n})}{1-r}$

Gimana teman-teman? mudahkan?

Beberapa tips dalam menulis kode latex yaitu:

a. Untuk spasi ditulis "\ ". Contohnya kita ingin ketik "Rumusnya sebagai berikut:" maka kita ketik menjadi
Rumusnya\ sebagai\ berikut:

b. Untuk garis baru kita ketik "\\ ". Sebagai contoh kita ketik:
Perhatikan contoh berikut
Contoh 1:

Maka diform kita tulis menjadi
Perhatikan\ contoh\ berikut\\ Contoh\ 1:

c. Untuk menulis kalimat agar tidak miring (italic) maka di form penulisan kode kita tulis:
\text{ketik tulisan disini}.
Hasil dari penulisan kode ini yaitu tulisan yang ada dalam tanda kurung kurawal terlihat tidak miring dan menggunakan spasi.

Nah demikian tutorial cara menulis rumus dan simbol matematika di blog. Semoga bermanfaat.