Code block ใน blogger ง่ายนิดเดียว

Posted by Tommy Chom in on Monday, June 22, 2009

เวลาที่เราต้องการจะ share code ใน blogger สามารถใช้ tag html

<code>...</code>

หรือ

<blockquote>...</blockquote>

แต่การแสดงผลอาจจะไม่สวยงามมากนัก วิธีแก้ก็คือการเพิ่ม style ให้กับ code block ของเรา ลองเอา code ข้างล่างไปวางไว้ใน html ของ blogger ดูครับ รับรอง code ของเราจะดูดีขึ้นอีกเป็นกอง


blockquote {
margin:.75em 0;
border:1px solid #596;
border-width:1px 1px;
padding:5px 15px;
display: block;
background-color: #dedede; /*เปลี่ยนสีพื้นหลัง*/
}

code {
font-family: Courier;
margin:.75em 0;
border:1px solid #596;
border-width:1px 1px;
padding:5px 15px;
display: block;
background-color: #dedede; /*เปลี่ยนสีพื้นหลัง*/
white-space: pre;
}

This entry was posted on Monday, June 22, 2009 at 10:02 PM and is filed under . You can follow any responses to this entry through the RSS 2.0. You can leave a response.

  1. gravatar

    # by honda-rider - July 1, 2009 at 6:18 PM

    ทิปดีๆ แบบนี้ขออีกนะครับ