สำหรับเพื่อนๆที่ใช้งาน Blogger แล้วอยากที่จะโพส Code HTML ในระหว่างโพส เรามาดูวิธีการทำกัน
แบบ Step By Step กันเลย
1. ไปที่ www.blogger.com แล้ว Login เข้าใช้งานให้เรียบร้อย
2. หา TAB Layout เลือก Edit HTML
3. หา Code แบบนี้ ]]></b:skin> ตามรูปภาพที่มีวงรีสีแดง
4. นำ Code ข้างล่างนี้ ไปใส่ก่อน Code
]]></b:skin>.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://img17.imageshack.us/img17/5162/codeview.gif) no-repeat right bottom;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #FFFFFF;
font-weight : normal;
margin : 0;
padding : 0;
}
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://img17.imageshack.us/img17/5162/codeview.gif) no-repeat right bottom;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #FFFFFF;
font-weight : normal;
margin : 0;
padding : 0;
}
5. เลือก SAVE TEMPLATE ครับ
6. ส่วนเวลาจะโพส ต้องโพสในโหมด Edit HTML นะครับ ก่อนที่จะโพสต้องแก้ Code HTML
ที่เราจะโพสด้วยที่นี่ครับ
7. พอเข้าไปที่หน้าโพส Edit HTML ใส่ Code นี้ครับ
<div class="codeview">ใส่ Code ที่เพื่อนๆต้องการจะโพส</div>
8. เลือก PUBLISH POST เสร็จแล้วครับ
Test comment
Syntax Highlighter are generally used for blogs, which mainly focus on scripting tutorials. We could have seen in many popular blogs using script highlighter to highlight the script. It not only highlight the script, but also give us a clear idea, how the script was formulated. This javascript can be capable of displaying css, xml, jscript, python, c# and much more supported programing languages. Most of the blogs are using the older version of Syntax Highlighter created by Alexgorbatchev. So here I am going to teach you, how to install syntax highlighter 2.1 (latest version) on your blogger / blogspot blogs. Before you could get in to the process, I recommend you to back up your template.
สุดยอดมากๆ แอ๊บแบ๊ว แอ๊บแบ๊ว