Showing posts with label Blogger. Show all posts
Code block ใน blogger ง่ายนิดเดียว
Posted by Tommy Chom in Blogger 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;
}