Sekilas tentang Pe-warna-an di MathJax pada Blogger

Sabtu, 21 Maret 2015

Sedikit latihan untuk memberikan sesuatu yang berbeda dari keluaran MathJax ketika menulis persamaan matematis atau rumus atau simbol tertentu. Secara standar tampilan MathJax berwarna hitam normal. Untuk memberikan warna tertentu diperlukan sedikit usaha. Berikut ini saya ambil beberapa contoh serta cara mengonfigurasi agar MathJax dapat "diwarnai".

Pertama, memasang ekstensi color.js pada javascript di MathJax yang ada pada template. Masuk dasbor blogger, lalu buka bagian template. Jika sudah terpasang skrip MathJax pada template anda, tempatkan dalam bagian ekstensi kode-nya &quot;TeX/color.js&quot;  ---jangan lupa dipisahkan dengan tanda koma. Jika belum terpasang salin skrip berikut dan letakkan diantara kode <head>...</head>  atau lebih aman tempatkan persis sebelum kode </head>. Skrip berikut ini sudah termasuk ekstensi untuk pengetikan kimia (mhcehm.js) dan pewarnaan (color.js).
<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;,&quot;TeX/color.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>
Lalu bagaimana menerapkan pewarnaan dalam penulisan simbol atau rumus atau persamaan? Berikut contoh tampilan dan skrip yang harus diketik (atau untuk coba-coba boleh salin) ke mode HTML saat penulisan artikel.
\begin{align}
\definecolor{x}{RGB}{114,0,172}
\definecolor{mean}{RGB}{45,177,93}
\definecolor{var}{RGB}{251,0,29}
\definecolor{e}{RGB}{18,110,213}
f(\color{x} x,\color{mean} \mu,\color{var} \sigma \color{black} ) =
\frac{1}{\color{var}\sigma \color{black} \sqrt{2\pi}} \color{e}
e \color{black} ^{- \frac{( {\color{x}x} - {\color{mean} \mu})^2}
{2{ \color{var} \sigma}^2}}
\end{align}
Skripnya:
\begin{align}
\definecolor{x}{RGB}{114,0,172}
\definecolor{mean}{RGB}{45,177,93}
\definecolor{var}{RGB}{251,0,29}
\definecolor{e}{RGB}{18,110,213}
f(\color{x} x,\color{mean} \mu,\color{var} \sigma \color{black} ) =
\frac{1}{\color{var}\sigma \color{black} \sqrt{2\pi}} \color{e}
e \color{black} ^{- \frac{( {\color{x}x} - {\color{mean} \mu})^2}
{2{ \color{var} \sigma}^2}}
\end{align}
Ah iya sistem pemberian warnanya masih menggunakan sistem RGB meskipun bisa juga menggunakan sistem seperti biasanya (menulis nama warna atau sistem heksadesimal #xxxxxxx).
Contoh yang lain lagi,
\begin{align}
\definecolor{energy}{RGB}{114,0,172}
\definecolor{freq}{RGB}{45,177,93}
\definecolor{spin}{RGB}{251,0,29}
\definecolor{signal}{RGB}{18,110,213}
\definecolor{circle}{RGB}{217,86,16}
\definecolor{average}{RGB}{203,23,206}
\color{energy} X_{\color{freq} k} \color{black} =
\color{average} \frac{1}{N} \sum_{n=0}^{N-1}
\color{signal}x_n \color{spin}
e^{\mathrm{i} \color{circle} 2\pi \color{freq}k
\color{average} \frac{n}{N}}\end{align}
Skripnya:
\begin{align} 
\definecolor{energy}{RGB}{114,0,172}
\definecolor{freq}{RGB}{45,177,93}
\definecolor{spin}{RGB}{251,0,29}
\definecolor{signal}{RGB}{18,110,213}
\definecolor{circle}{RGB}{217,86,16}
\definecolor{average}{RGB}{203,23,206}
\color{energy} X_{\color{freq} k} \color{black} =
\color{average} \frac{1}{N} \sum_{n=0}^{N-1}
\color{signal}x_n \color{spin}
e^{\mathrm{i} \color{circle} 2\pi \color{freq}k
\color{average} \frac{n}{N}}\end{align}
Contoh lagi,
$\color{red} \ce {HCl}$   terurai dalam air seperti reaksi berikut:
$\color{blue}\ce{H2O + HCl<=>H3O+ + Cl-}$
Skripnya:
\begin{align} 
$\color{red} \ce {HCl}$   terurai dalam air seperti reaksi berikut:
$\color{blue}\ce{H2O + HCl<=>H3O+ + Cl-}$\end{align}
Begitu dan seterusnya.
Secara prinsip kita harus mendefinisikan dahulu warna teks/simbol apa akan diberi warna apa, ini jika kita akan memberlakukan pada teks atau rumus berulang-ulang, namun kalau hanya sekali dua kali kita bisa menerapkan pada bagian itu saja. Untuk yang terakhir ini tidak mesti menggunakan sistem RGB dalam penamaan warna tapi cukup tuliskan warna dalam Bahasa Inggris tentu atau dapat juga dengan menggunakan sistem  heksadesimal .


Bagikan di

Tidak ada komentar:

Poskan Komentar

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