วันพุธที่ 24 กรกฎาคม พ.ศ. 2556

วิธีติดตั้ง SyntaxHighlighter แสดง code ใน blogger

เมื่อเราต้องการใส่โค้ด html,php,c ลงในเว็บ blogger ต้องติดตั้ง SyntaxHighlighter สามารถทำตามขั้นตอนนี้ 
1.เข้าสู่ระบบการจัดการเว็บ Blogger.com 2.
2.จากนั้นให้ไปที่เมนู แม่แบบ> แก้ไข HTML



3. ทำการ Copy โค้ดด้านล่างไปไว้ก่อน </head>

<script src='https://sites.google.com/site/amjoey/syntaxhighlighter/shCore.js' type='text/javascript'/>
<script src='https://sites.google.com/site/amjoey/syntaxhighlighter/shBrushCpp.js' type='text/javascript'/>
<script src='https://sites.google.com/site/amjoey/syntaxhighlighter/shBrushCSharp.js' type='text/javascript'/>
<script src='https://sites.google.com/site/amjoey/syntaxhighlighter/shBrushPhp.js' type='text/javascript'/>
<script src='https://sites.google.com/site/amjoey/syntaxhighlighter/shBrushXml.js' type='text/javascript'/>
<link href='https://sites.google.com/site/amjoey/syntaxhighlighter/shCore.css' rel='stylesheet' type='text/css'/>
<link href='https://sites.google.com/site/amjoey/syntaxhighlighter/shCoreDefault.css' rel='stylesheet' type='text/css'/>
<script type='text/javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.all();</script>


ตัวอย่างการใส่โค้ด

 
<pre class="brush:html">
<html>
<head>
<title> New Document </title>
</head>
<body>
<table>
<tr>
 <td></td>
 <td></td>
</tr>
</table>
</body>
</html>
</pre>
เขียนโดย
ป้ายกำกับ:

ไม่มีความคิดเห็น:

แสดงความคิดเห็น

สมัครสมาชิก: ส่งความคิดเห็น (Atom)