คลังบทความของบล็อก

วันอาทิตย์ที่ 20 มิถุนายน พ.ศ. 2553

นอกเรื่อง : : SyntaxHighlighter พิมพ์ โค้ด ง่าย ๆ บน blog

การใช้งาน SyntaxHighlighter กับ blogspot
1. เริ่มจากเข้าแผงควบคุมของ blogspot
2. แล้ว คลิก การออกแบบ/แก้ไข HTML
3. ctrl+f หาคำว่า <header>

4. น้ำโค้ดนี้ไปวางไว้ก่อน <header>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js' type='text/javascript'/>
<script language='javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = &#39;http://alexgorbatchev.com/pub/sh/current/scripts/clipboard.swf&#39;;
SyntaxHighlighter.all();
</script>


เวลานำไปใช้งาน เราจะพิมพ์โค้ดที่ต้องการภายใต้โค้ดนี้


โค้ดที่ต้องการ

โดยเอาโค้ดพิมพ์ในส่วนของการ "แก้ไข Html"
ถ้ามีปัญหากับ < > ให้ดูที่นี่ Convert code

สำหรับ brush: xml สามารถเปลี่ยนเป็น html java ฯลฯ ได้มากมาย ดูเพิ่มเติม

0 ความคิดเห็น:

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