CARA MEMBUAT RUMUS MATEMATIKA PADA POSTINGAN BLOG
Mungkin bagi beberapa dari kita masih bingung ketika ingin memasukkan rumus matematika atau rumus fisika atau rumus lainnya. Rumus yang saya maksud disini adalah rumus yang memuat bilangan berpangkat atau akar atau dalam bentuk pecahan yang sulit kalau diketik menggukan keyboard/hp.
Kebanyakan dari penulis blog, ketika mereka memasukkan rumus ke dalam postingan mereka maka ia akan memasukkan gambar rumus ke dalam postingannya. Anggap saja memasukkan gambar rumus adalah salah satu cara untuk memasukkan rumus ke dalam postingan blog.
Berikut saya punya cara lain yang menurut saya lebih efektif dan lebih bagus hasilnya.
A. Menggunakan codecogs
Berikut adalah tampilan depan codecogs:
Untuk memasukkan rumus menggunakan codecogs maka kita pindah dari mode Compose ke mode HTML. Karena untuk memasukkan rumus dengan codecogs kita menggunakan kode html dari rumus tersebut.
Baiklah kita lanjut, misalkan kita ingin memasukkan rumus abc untuk mencari akar-akar persamaan kuadrat. Bagi yang tidak tahu rumusnya, inilah gambar rumusnya:
1. Langkah pertama yang kita lakukan adalah membuka situs codecogs, kemudian kita ketik rumus tersebut pada lembar kerja codecogs dengan tombol-tombol yang tersedia. Seperti ini:
Yang warna hijau adalah kode HTML rumusnya.
Yang warna merah adalah hasil yang nantinya akan terlihat di postingan.
Yang warna biru adalah kode html image nya yang akan kita copy paste ke postingan kita. Perlu di perhatikan disini bahwa sebaiknya kita gunakan kode HTML bukan HTML EDIT, karna untuk kode HTML EDIT terlalu panjang dan akan menghambat loading pastingan kita.
2. Langkah kedua adalah mengcopy pastekan kode html yang berada di lingkaran biru di atas ke postingan. Ingat bahwa kita memasukkan kodenya di HTML bukan Compose.
3. Inilah hasilnya:
B. Menggunakan MathJax
Jika kita adalah penulis blog yang bertema matematika atau fisika atau yang lainnya yang banyak sekali menulis rumus-rumus dalam postingan. Maka dengan mathjax lebih efektif lebih keren jika dibandingkan dengan codecogs.
Berikut langkah-langkahnya:
1. Langkah pertama adalah kita copy pastekan script berikut tepat sesudah <head>.
2. Langkah selanjutnya ada memasukkan kode HTML rumus kedalam postingan. Bisa di mode Compose bisa juga di mode HTML. Contoh kita ingin memasukkan rumus abc tadi. Jadi copy paste kode HTML yang di codecogs tadi, tapi yang kita copy adalah yang dalam lingkaran warna hijau bukan warna biru. Inilah kode yang di copy.
Buka tutup kode html rumus dengan $ agar terbaca oleh mathjax.
3. Selesai. Karena saya tidak memasang kode script mathjax di template blogger ini, maka kode html rumus di atas tidak berubah. Anda bisa melihat hasilnya di blog saya yang lain yaitu MATEMATIKA. Rumus-rumus yang ada disitu semuanya menggunakan mathjax.
Untuk menggunakan mathjax kita masih pakai codecogs untuk mencari kode html dari rumus yang ingin kita masukkan ke postingan. Tapi jika kita sudah terbiasa dan sudah hafal kode html rumus, seperti misalnya kode pangkat adalah ^, kode akar adalah \sqrt{} maka kita tidak perlu lagi menggunakan codecogs, bisa langsung kita ketikkan kode htmlnya di postingan.
Mungkin cukup sekian dan terimaksih sudah mampir ke blog ini, semoga postingan ini bermamfaat.
Kebanyakan dari penulis blog, ketika mereka memasukkan rumus ke dalam postingan mereka maka ia akan memasukkan gambar rumus ke dalam postingannya. Anggap saja memasukkan gambar rumus adalah salah satu cara untuk memasukkan rumus ke dalam postingan blog.
Berikut saya punya cara lain yang menurut saya lebih efektif dan lebih bagus hasilnya.
A. Menggunakan codecogs
Berikut adalah tampilan depan codecogs:
Baiklah kita lanjut, misalkan kita ingin memasukkan rumus abc untuk mencari akar-akar persamaan kuadrat. Bagi yang tidak tahu rumusnya, inilah gambar rumusnya:
1. Langkah pertama yang kita lakukan adalah membuka situs codecogs, kemudian kita ketik rumus tersebut pada lembar kerja codecogs dengan tombol-tombol yang tersedia. Seperti ini:
Yang warna hijau adalah kode HTML rumusnya.
Yang warna merah adalah hasil yang nantinya akan terlihat di postingan.
Yang warna biru adalah kode html image nya yang akan kita copy paste ke postingan kita. Perlu di perhatikan disini bahwa sebaiknya kita gunakan kode HTML bukan HTML EDIT, karna untuk kode HTML EDIT terlalu panjang dan akan menghambat loading pastingan kita.
2. Langkah kedua adalah mengcopy pastekan kode html yang berada di lingkaran biru di atas ke postingan. Ingat bahwa kita memasukkan kodenya di HTML bukan Compose.
3. Inilah hasilnya:
B. Menggunakan MathJax
Jika kita adalah penulis blog yang bertema matematika atau fisika atau yang lainnya yang banyak sekali menulis rumus-rumus dalam postingan. Maka dengan mathjax lebih efektif lebih keren jika dibandingkan dengan codecogs.
Berikut langkah-langkahnya:
1. Langkah pertama adalah kita copy pastekan script berikut tepat sesudah <head>.
Buka Blogger => Tema => Edit Tema => Copy paste script berikut sesudah <head> => Simpan Tema.
<script src='http://cdn.mathjax.org/mathjax/latest/MathJax.js' type='text/javascript'>
MathJax.Hub.Config({
HTML: ["input/TeX","output/HTML-CSS"],
TeX: { extensions: ["AMSmath.js","AMSsymbols.js"],
equationNumbers: { autoNumber: "AMS" } },
extensions: ["tex2jax.js"],
jax: ["input/TeX","output/HTML-CSS"],
tex2jax: { inlineMath: [ ["\\(","\\)"] ],
displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
processEscapes: true },
"HTML-CSS": { availableFonts: ["TeX"],
linebreaks: { automatic: true } }
});
</script>
MathJax.Hub.Config({
HTML: ["input/TeX","output/HTML-CSS"],
TeX: { extensions: ["AMSmath.js","AMSsymbols.js"],
equationNumbers: { autoNumber: "AMS" } },
extensions: ["tex2jax.js"],
jax: ["input/TeX","output/HTML-CSS"],
tex2jax: { inlineMath: [ ["\\(","\\)"] ],
displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
processEscapes: true },
"HTML-CSS": { availableFonts: ["TeX"],
linebreaks: { automatic: true } }
});
</script>
2. Langkah selanjutnya ada memasukkan kode HTML rumus kedalam postingan. Bisa di mode Compose bisa juga di mode HTML. Contoh kita ingin memasukkan rumus abc tadi. Jadi copy paste kode HTML yang di codecogs tadi, tapi yang kita copy adalah yang dalam lingkaran warna hijau bukan warna biru. Inilah kode yang di copy.
$x_{1,2}=\frac{-b\pm \sqrt{b^2-4ac}}{2a}$
Buka tutup kode html rumus dengan $ agar terbaca oleh mathjax.
3. Selesai. Karena saya tidak memasang kode script mathjax di template blogger ini, maka kode html rumus di atas tidak berubah. Anda bisa melihat hasilnya di blog saya yang lain yaitu MATEMATIKA. Rumus-rumus yang ada disitu semuanya menggunakan mathjax.
Untuk menggunakan mathjax kita masih pakai codecogs untuk mencari kode html dari rumus yang ingin kita masukkan ke postingan. Tapi jika kita sudah terbiasa dan sudah hafal kode html rumus, seperti misalnya kode pangkat adalah ^, kode akar adalah \sqrt{} maka kita tidak perlu lagi menggunakan codecogs, bisa langsung kita ketikkan kode htmlnya di postingan.
Ingat sebelum kode html rumus di dahului tanda baca $ dan di akhiri juga dengan $
Mungkin cukup sekian dan terimaksih sudah mampir ke blog ini, semoga postingan ini bermamfaat.
Belum ada Komentar untuk "CARA MEMBUAT RUMUS MATEMATIKA PADA POSTINGAN BLOG"
Posting Komentar