Kamu seorang blogger dan menggunakan Blogspot? Pernah tidak kepikiran untuk menambahkan persamaan matematis dalam artikelmu tapi tidak bisa? Untuk menambahkan persamaan matematis ke dalam artikel blog berbasis Blogspot diperlukan cara tersendiri, yaitu dengan menambahkan LaTeX pada template Blog kamu.
Langkah 1: Menambahkan Pustaka MathJax di Widget
- Masuk ke akun Blogger Kamu dan pilih blog yang ingin Kamu tambahkan LaTeX.
- Pergi ke "Tata Letak" (Layout) dan klik "Tambah Gadget".
- Pilih "HTML/JavaScript" dan beri judul seperti "MathJax" atau sesuai keinginan Anda.
- Salin dan tempel kode berikut ke dalam kotak isi:
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {
inlineMath: [['$', '$']],
displayMath: [['$$', '$$']],
messageStyle: "none",
processEscapes: true,
processEnvironments: true,
skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']
}
});
</script>
Langkah 2: Menambahkan Pustaka pada Template/Tema
- Pergi ke "Tema" (Theme) di Blogger.
- Klik "Edit HTML" untuk mengedit template HTML.
- Cari bagian <head> pada kode template.
- Setelah menemukan tag <head>, salin dan tempelkan kode berikut di bawahnya:
<script src='https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML' async='async'></script>
<script type='text/x-mathjax-config'>
MathJax.Hub.Config({
jax: ['input/TeX', 'output/HTML-CSS'],
extensions: ['tex2jax.js', 'MathMenu.js', 'MathZoom.js'],
tex2jax: {
inlineMath: [['$', '$']],
displayMath: [['$$', '$$']],
processEscapes: true
},
'HTML-CSS': { availableFonts: ['TeX'] }
});
</script>
Langkah 3: Tambahkan LaTeX pada postingan
Sekarang Kamu dapat menambahkan LaTeX pada postingan dengan menggunakan tanda $ untuk menandai notasi matematika dalam teks dan $$ untuk menandai notasi matematika dalam blok terpisah. Contoh penggunaan:
Untuk Notasi Dalam Text
- Kode :
Untuk notasi dalam teks: $\frac{1}{2}$
- Hasil :
Untuk Notasi Dalam Text
- Kode :
Untuk blok terpisah: $$\int_{0}^{\infty} e^{-x^2} dx$$
- Hasil :
Setelah selesai mengedit template HTML dan menambahkan LaTeX ke postingan, jangan lupa untuk menyimpan perubahan dan melihat tampilan blog dan memastikan bahwa notasi LaTeX ditampilkan dengan benar.
Harap dicatat bahwa langkah-langkah ini hanya memberikan dukungan LaTeX dasar menggunakan MathJax. Jika Anda memerlukan fungsionalitas lebih lanjut atau integrasi dengan alat lain, Anda mungkin perlu mempelajari dokumentasi MathJax atau mencari ekstensi khusus yang memenuhi kebutuhan Anda.