Skip to content Skip to sidebar Skip to footer
Home / Blog / Tutorial / Website

Cara menambahkan Formula Rumus Matematika pada Blog / Website dengan MathJax

By Apin Magz Post a Comment

Sudah lama sekali saya tidak memposting di blog ini. Bersyukur.... pada kesempatan kali ini saya akan sharing bagaimana cara menambahkan 'Formula Rumus Matematika' di website anda, pada tutorial ini terfokus pada platform Blogger. mungkin diantara pembaca masih belum tau dan mungkin biasanya menambahkan Formula rumus di blog atau website masih menggunakan metode gambar seperti contoh berikut:


Pada kali ini saya akan sharing bagaimana cara menambahkan 'Formula Rumus Matematika' dengan metode atau bentuk full HTML + Javascript. keuntungannya adalah bisa mempercepat muat loading sebuah laman website / blog karna ketika proses muat laman tidak perlu lagi memproses banyak link external yaitu link gambar. contoh nya adalah sebagai berikut:

\begin{align} \int_{0}^{V_s} P \: dV &= \int_{0}^{\mathcal{N}} \frac{\rho kT}{nm} \: dN = \mathcal{N} kT \nonumber \\
&= \frac{2}{3} U_{\mathrm{in}} \label{p5} \end{align}

Jadi kita memanfaatkan konfigurasi dari www.mathjax.org di sana bukan hanya menyediakan untuk platform blogger saja melainkan platform yang lainnya juga. untuk lebih jelasnya silakan kunjungin website tersebut.

hal pertama yang harus dilakukan oleh kita adalah menempatkan code di bawah ini pada template anda, tempatkan persis di bawah tag <head>

<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

hal kedua, bagaimana kita menempatkan Formula Rumus tersebut? Cara nya adalah ketika kita membuat postingan baru dan ingin menambahkan Formula Rumus maka buka bagian "Tampilan HTML<>". Misal ketika kita ingin menambahkan Formula seperti gambar dibawah ini


Maka tulislah Syntax seperti dibawah ini:

$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.b$$

Maka hasil outputnya seperti berikut:

$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.b$$

Untuk referensi Syntax atau Contoh penulisan Formula Rumus lainnya pembaca bisa mengunjungi di www.onemathematicalcat.org di sana di jelaskan sangat lengkap.

Baik sekian postingan kali ini bila ada yang salah bisa di koreksi dengan komen dibawah begitu juga bagi yang belum paham. Sekian terima kasih

Vector image by VectorStock / vectorstock

Post a Comment for "Cara menambahkan Formula Rumus Matematika pada Blog / Website dengan MathJax"