วิธีทำให้ Blogger ไม่แสดงผลโค้ด HTML


ปกติแล้วถ้าเราใส่โค้ด HTML ลงในบทความ Blogger มันจะแสดงผลทันที แต่ถ้าเราต้องการจะใส่โค้ดโดยไม่ต้องการให้มันแสดงผลนั้น จะต้องใส่โค้ดบางอย่างลงไปใน Template ของเรา เพื่อแก้ไขให้ Blogger ไม่แสดงผลของโค้ดนั้นๆออกมา ซึ่งสามารถทำได้ง่ายๆ ตามนี้เลยครับ

ขั้นแรก
Log in เข้า Blogger แล้วไปที่ การออกแบบ (Layout) แล้วไปที่ แก้ไข HTML (Edit HTML)

ขั้นที่สอง
หาโค้ด ]]></b:skin> (กด CTRL + F) แล้ววางโค้ดด้านล่างนี้ลงไปข้างบน แล้วกด บันทึกแม่แบบ (Save)

.codeview {
font-family: Arial, Helvetica, sans-serif;
color: #CC0000;
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
border-top : 2px solid #cccccc;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 2px solid #cccccc;
background-color: #FFFFFF;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}

ขั้นที่สาม
เมื่อไหร่ที่คุณต้องการจะไม่ให้โค้ดอะไรก็แล้วแต่แสดงผล ให้ใส่โค้ดข้างล่างนี้ลงไปด้วย

<div class="codeview">
ใส่โค้ดที่คุณไม่ต้องการให้แสดงผลลงไปตรงนี้
</div>

แค่นี้เองครับ ง่ายๆเลยใช่มั๊ย ?



ที่มา : http://www.deluxetemplates.net

0 ความคิดเห็น สำหรับ "วิธีทำให้ Blogger ไม่แสดงผลโค้ด HTML"

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

Daily Video

2010 BlogNews Magazine. All Rights Reserved. - Designed by SimplexDesign