Hiển thị, bộ gõ công thức toán học kiểu Latex trong Blogger

Để hiển thị được những công thức toán học kiểu Latex bạn có thể sử dụng Codecogs :

Cài đặt thư viện của Codecogs để có thể hiển thị công thức toán học kiểu Latex

Các bước cài đặt như sau :

Đăng nhập vào blogger -> Chọn chế độ Design :

Chọn thêm tiện ích -> HTML

Chèn code sau vào :

Code :

<script type="text/javascript" src="http://latex.codecogs.com/latexit.php?p&li&div"></script>

Làm sao để Gõ kiểu Latex :

Cách 1: Như hướng dẫn ở bài trước bạn có thể dùng MathType.
Hướng dẫn copy mã Latex từ MathType

Cách 2: Sử dụng Equation Online Editor từ codecogs :

http://www.codecogs.com/latex/eqneditor.php

Cách 3: Thêm trực tiếp Equation Online Editor vào trong Comment Blogger của bạn :

Để thêm bạn cần xem cách hiển thị Editor này trên blogger tại (đây chỉ là cách thêm một phần tử HTML vào comment blogger) :

http://www.erhay.com/2013/05/hien-thi-ma-html-tai-comment-blogger.html

Hướng dẫn chi tiết cách thêm vào Comment blogger bộ Math Editor này :

Equation Editor này sẽ được thêm vào Comment blogger của bạn.

Bước 1: Mở chế độ chỉnh sửa HTML trong Blogger.

Bước 2: Tìm với khóa </head>

Thêm trước đó bộ code sau :

<style type="text/css">
/* The default text style used on every page */
#hover { padding:2px; position:absolute; display:none; z-index:50; background-color:#FFFFCC; border:1px solid #999999; }
#EqnEditor { margin:0 auto; text-align:center; }
#EqnEditor .top { margin:0 auto; padding:2px 0; }
#EqnEditor .bottom { border-bottom:1px solid #9a9a9a; }
#EqnEditor .toolbar_wrapper { margin:0 auto; }
#EqnEditor .toolbar { position:relative; padding-top:2px; }
#EqnEditor .toolbar_space { height:38px; margin:0 auto; }
#EqnEditor .panel { display:inline-block; padding:0px 3px; overflow:hidden; vertical-align:top; }
#toolbar_example { clear:left; }
#intro { position:absolute; left:30px; color:#FF6600; font-size:16px; }
/* ------- Button formating ------ */
.bluebutton, .lightbluebutton, .greybutton {
border-style: solid;
border-width:1px;
border-top-color: #D9DFEA;
border-left-color: #D9DFEA;
border-bottom-color: #0e1f5b;
border-right-color: #0e1f5b;
color: #FFFFFF;
font-size: 11px;
/*font-family: "lucida grande", tahoma, verdana, arial, sans-serif; */
text-align: center;
cursor:pointer;
/*cursor:hand;*/
padding:1px 4px;
margin:0;
}
.lightbluebutton { background-color:#4068AE; }
.bluebutton { background-color:#003794; }
.greybutton { background-color:#888888; }
</style>
<script type="text/javascript"
src="http://latex.codecogs.com/js/eq_config.js" ></script>
<script type="text/javascript"
src="http://latex.codecogs.com/js/eq_editor-lite-11.js" ></script>

Bước 3: Đặt khung Editor vào mục Comment Blogger.

Nhấn Ctrl + F để search với khóa : <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

Bạn sẽ tìm được 4 khóa trên :

Thêm vào sau khóa vị trí thứ 2 và thứ 4 code sau :

<div id="editor"></div>
<textarea id="testbox" rows="3" cols="40"></textarea>
<img id="equation" align="middle" />
<script type="text/javascript">
EqEditor.embed('editor')
var a=new EqTextArea('equation', 'testbox');
EqEditor.add(a,false);
</script>

OK. Vậy là từ giờ bạn đã vừa có thể hiển thị công thức toán học kiểu Latex vừa có bộ gõ ngay tại Comment giúp bạn đọc có thể gõ trực tiếp và copy luôn.

Xem thêm bộ gõ công thức toán học của Erhay tại đây :

http://www.erhay.com/2013/05/them-bo-go-cong-thuc-toan-hoc-vao.html

Nguồn : chúng tôi sưu tầm từ nhiều nguồn

Thiết kế web chuyên nghiệp giá rẻ

Chúng tôi tuyên thiết kế web chuyên nghiệp đẳng cấp giá rẻ với 5 năm kinh nghiệm trong lĩnh vực thiết kế website nếu các bạn có nhu cầu có thể liên hệ Hotline: 0962 66 57 57 || Email: cmay.tt@gmail.com || website: cmay.vn