How to add Math Equation in Blogger Post?

how to add math equation in blogger post

Hello friends, welcome to EducationGalaxies.com. Today in this article, I am going to show you the easiest step to add math equation in your blogger post. This post is special for those bloggers who want to do math blogging and who get difficulty in adding math equation in blogger post. Please read the following tutorial carefully and follow the same steps as given below. If you follow the given steps, I assure you will be able to add math equation in your blogger post within a few seconds just like WordPress.

Also Read:


{tocify} $title={Table of Contents}





Steps for Mobile Users

(a). Steps to install Equation Editor plugin in Blogger


1. Sign into your blogger account.

2. Go to your Blogger Dashboard.

3. Click on theme option.
how to add math equation in blogger post


4. Click on 'Edit HTML'.
how to add math equation in blogger post






5. Once the HTML code of theme gets fully loaded, switch your keyboard to 'NextApp Technical Keyboard'.
how to add math equation in blogger post


how to add math equation in blogger post


how to add math equation in blogger post

{getButton} $text={Download NextApp Keyboard} $icon={download} $color={#2980b9}



6. Click on 'Fn' button on the keyboard as shown in the figure.
how to add math equation in blogger post


7. Click on the 'Ctrl' button as shown in figure.
how to add math equation in blogger post


8. After that click on 'ABC' button and click on small 'f' button which will open a search box as shown in the figure.
how to add math equation in blogger post


how to add math equation in blogger post


9. Type <head> in search box and search it.
how to add math equation in blogger post






10. Download the code from given download link. After that copy the code and paste it below <head>.

{getButton} $text={Download Code} $icon={download} $color={#2980b9}


how to add math equation in blogger post

11. Click on save theme button.

how to add math equation in blogger post





(b). Steps to add Math Equation in Blogger post

1. Goto https://www.codecogs.com/latex/eqneditor.php

how to add math equation in blogger post

2. Type the desired equation in the 'type equation' box using the equation editor tool as shown in the figure.

how to add math equation in blogger post

3. Below the 'type equation' box, there is another box called 'HTML (Edit)' box as shown in the figure, Click on it.

how to add math equation in blogger post

how to add math equation in blogger post



4. At first, choose 'LaTex' option from dropdown menu, after that copy the code given in the box as shown in the figure.


how to add math equation in blogger post



how to add math equation in blogger post





5. Get back to your Blogger Dashboard.

6. Click on 'Posts' option.

how to add math equation in blogger post

7. Create a new post.

how to add math equation in blogger post

8. At first, in the compose mode, write your article, upload photos, videos, etc that means all the things you want to add in your blog post except math equation.
how to add math equation in blogger post

9. After that switch to HTML mode, look for the place where you want to add the particular math equation in the post.

10. Paste the code which you have copied earlier from LaTex in the desired place of the post

11. Write <p> <span> before the code and </span> </p> after the code such that it takes the format "<p> <span>Code</span> </p>" as shown in the figure.
how to add math equation in blogger post

12. Publish your blog and view it.
how to add math equation in blogger post


how to add math equation in blogger post


Note: 

After pasting math equation code in HTML mode, never switch to compose mode because code of equation which you have pasted gets changed or becomes wrong automatically when you switch to compose mode from HTML mode. In case you need to switch to compose mode for editing your blog post, first edit it in compose mode and after that again switch to HTML mode and check the code to make sure that it is in the format "<p> <span>Code</span> </p>"{alertInfo}




Also Read:





Steps for Desktop Users

(a). Steps to install Equation Editor plugin in Blogger

1. Sign into your blogger account.


2. Go to your Blogger Dashboard.

3. Click on theme option.
how to add math equation in blogger post


4. Click on 'Edit HTML'.
how to add math equation in blogger post






5. Once the HTML code of theme gets fully loaded, press Control plus F buttons (Ctrl+F) from your computer keyboard which will open a search box.
how to add math equation in blogger post


how to add math equation in blogger post


how to add math equation in blogger post



6. Type <head> in search box and search it.
how to add math equation in blogger post






7. Download the code from given download link. After that copy the code and paste it below <head>.

{getButton} $text={Download Code} $icon={download} $color={#2980b9}


how to add math equation in blogger post

8. Click on save theme button.

how to add math equation in blogger post





(b). Steps to add Math Equation in Blogger post

1. Goto https://www.codecogs.com/latex/eqneditor.php

how to add math equation in blogger post

2. Type the desired equation in the 'type equation' box using the equation editor tool as shown in the figure.

how to add math equation in blogger post

3. Below the 'type equation' box, there is another box called 'HTML (Edit)' box as shown in the figure, Click on it.

how to add math equation in blogger post

how to add math equation in blogger post



4. At first, choose 'LaTex' option from dropdown menu, after that copy the code given in the box as shown in the figure.


how to add math equation in blogger post



how to add math equation in blogger post





5. Get back to your Blogger Dashboard.

6. Click on 'Posts' option.

how to add math equation in blogger post

7. Create a new post.

how to add math equation in blogger post

8. At first, in the compose mode, write your article, upload photos, videos, etc that means all the things you want to add in your blog post except math equation.
how to add math equation in blogger post

9. After that switch to HTML mode, look for the place where you want to add the particular math equation in the post.

10. Paste the code which you have copied earlier from LaTex in the desired place of the post.

11. Write <p> <span> before the code and </span> </p> after the code such that it takes the format "<p> <span>Code</span> </p>" as shown in the figure.
how to add math equation in blogger post

12. Publish your blog and view it.
how to add math equation in blogger post


how to add math equation in blogger post


Note: 

After pasting math equation code in HTML mode, never switch to compose mode because code of equation which you have pasted gets changed or becomes wrong automatically when you switch to compose mode from HTML mode. In case you need to switch to compose mode for editing your blog post, first edit it in compose mode and after that again switch to HTML mode and check the code to make sure that it is in the format "<p> <span>Code</span> </p>"{alertInfo}








I hope you have understood how to add math equation in your blogger post from this tutorial. If you want to give us any kind of feedback, please don't forget to leave a comment. And if this article was helpful for you, don't forget to share with others.

*

Post a Comment (0)
Previous Post Next Post