การสร้างรูปแบบหัวกระดาษ(header)สไตล์ครูบัวลอย (จบ)

ลองทำดู

ขั้นที่ 3. เมื่อuploadไฟล์ขึ้นไปแล้ว เราควรจะต้องรู้ว่าเส้นทางที่เก็บไฟล์ภาพของเรา
ซะก่อนอย่างของผม folderที่เก็บภาพมีชื่อ nazerat โดยไฟล์ภาพชื่อbg_header.jpg  ตัวอย่างข้างล่าง
(http://gotoknow.org/file/nazerat/bg_header.jpg) ...หายังไงหว่า....

ก่อน copy code ให้ใส่ชื่อfolderที่เก็บภาพของท่านลงใน /..ใส่ชื่อfolderที่เก็บภาพของท่าน.../ ซะก่อน
แต่ละท่าน ชื่อfolderที่เก็บภาพ จะไม่เหมือนกัน(ถ้าเหมือนกันจะยุ่งแน่ๆ)
(http://gotoknow.org/file/..ใส่ชื่อfolderที่เก็บภาพของท่าน.../bg_header.jpg)

จากนั้นไปที่ เมนูของฉัน เลือก จัดการบล็อก จะขึ้นหน้า แผงควบคุม
แล้วหาคำว่า ตกแต่ง คลิก จะไปที่หน้าให้เลือก Theme     คลิกเลือกแท็บ

แก้ไขCSSที่ตกแต่งมาเอง

----------โค้ดข้างล่างนี้---------

#title {

 background-image:url(http://gotoknow.org/file/..ใส่ชื่อfolderที่เก็บภาพของท่าน.../bg_header.jpg);
}


จากนั้นก็ copy code ที่แก้ไข ชื่อfolderที่เก็บภาพ แล้วนำไปวางที่ว่างๆ ในแท็บ แก้ไขCSSที่ตกแต่งมาเอง
คลิก บันทึก CSS  แล้วกด F5
..... งงยัง  งงเด้ (งงเอง)......ถ้าไม่มีอะไรผิดพลาด หลังจากกด F5 (รีเฟรช)

น่าจะได้ในสิ่งที่ต้องการ.

http://gotoknow.org/blog/klongsong/336197

รอท่านอื่นแนะนำบ้าง