Jennessa's Blog: แต่งบลอคง่าย ๆ ด้วยตัวคุณเอง

"ขอบคุณทุกคำอวยพรวันเกิดค่ะ (^^)"

สวัสดีค่า จากคำถามของคุณ ipup ว่าจะเปลี่ยนรูปหน้าชื่อเรื่องของ entry อย่างไร ไม่ยากเลยค่ะ ก่อนอื่นมาดูก่อนว่า รูปหน้าชื่อเรื่องของ entry มันคือตรงไหน ดังรูปข้างล่างค่ะ

ตรงที่ลูกศรชี้นั่นเองค่ะ ^^ มาดูวิธีการเปลี่ยนกันค่ะ

1. เตรียมรูปที่จะนำมาเป็นรูปหัวข้อก่อนค่ะ เป็นไอคอนเล็ก ๆ ก็ได้ ตัวอย่างรูปที่เจนเนสซ่าใช้ คือ รูปดอกไม้อันนี้ --->

2. นำรูปที่เตรียมไว้ upload ขึ้นเวบฝากรูปเพื่อให้ได้ URL มาค่ะ จะ upload ขึ้น exteen ก็ได้นะคะ ดูวิธีเอา URL ของรูปได้ที่นี่ค่ะ Click

ตัวอย่าง URL ของรูปค่ะ http://jennessa.exteen.com/images/156.gif

3. ไปที่ 'แก้ CSS ด้วยตัวเอง' แล้วหาคำว่า .entrytitle ดังข้างล่างค่ะ

.entrytitle a:link, .entrytitle a:visited, .entrytitle a:hover{
background-image: url(http://jennessa.exteen.com/images/156.gif);
background-repeat: no-repeat;
background-position: left top;
padding:0px 10px 0px 16px;
font-size: 15px;
text-decoration:none;
font-weight:bold;
color:#E72D57;
border:0px;
}

ตรง background-image คือการกำหนดรูปหน้าหัวข้อ entry ค่ะ ให้ใส่ URL ของรูปที่เราต้องการตรงที่ไฮไลท์ไว้นะคะ จากนั้นก็กด Save ได้เลยค่ะ

4. ถ้าตำแหน่งของรูปยังไม่ถูกใจ ให้ปรับตรง padding: นะคะ

ลองเปลี่ยนกันดูนะคะ เป็นยังไงแล้วอย่าลืม comment ไว้ด้วย อยากไปดูว่าเพื่อน ๆ ใช้รูปอะไรกันค่ะ (^^)V เหมือนเดิม มีคำถามโพสท์ไว้ได้เลยนะคะ :-)