รู้จัก code & เปลี่ยน backgroug สิ่งสำคัญที่จะทำให้เราสามารถตกแต่ง blog ให้สวยงามนั้นก็คือ code html ค่ะ งง....ล่ะสิ...ดาวเองตอนแรกก็งงค่ะ...ว่ามันคืออะไร...ถึงตอนนี้ก็ยังมีงงๆอยู่บ้างเหมือนกัน (ก็แหม..มือใหม่นี่คะ) แต่เอาน่ะ...จะพยายามอธิบายแล้วกัน....คงเป็นแค่คำอธิบายเบื้องต้น...แล้วพอเพื่อนๆเริ่มเข้าใจก็จะค่อยๆเรียนรู้ไปได้เองค่ะ ....Code พวกนี้จะเป็นคำสั่งที่จะใช้ในการแสดงผลค่ะ...อย่างพวกเราที่เป็นเพียงคนใช้คอมพิวเตอร์ก็จะรู้จักแต่คำสั่งทั่วไปที่เราเรียกกัน เช่น...ตัวหนา , ตัวเอียง , ขีดเส้นใต้ , จัดกลางหน้า อะไรประมาณเนี้ยใช่มั้ยคะ แต่คำสั่ง html ที่พวกคนเขียนโปรแกรมเค้าใช้กันมันจะมี code ของเค้าน่ะค่ะ เช่น ...< b > < /b > เป็นคำสั่งทำตัวอักษรหนาซึ่งการใช้จะต้องใส่ข้อความที่ต้องการให้เป็นตัวหนาลงไประหว่างคำสั่งค่ะ < b > ทดสอบ < /b > ก็จะได้เป็น ทดสอบ เวลาใช้คำสั่งต้องพิมพ์ติดกันนะคะไม่ต้องวรรค แต่ที่ดาวต้องวรรคเพราะต้องการให้เพื่อนๆเห็นค่ะว่าเราต้องใส่ข้อความตรงไหน การใส่รูปก็ต้องมี code เช่นกันค่ะ... <*img src=" ....ใส่ URL ของรูปนั้นๆ..."*>ลองย้อนกลับไปเช็คดูที่ blog ที่เพื่อนๆสร้างไว้เมื่อคราวที่แล้วดูก็ได้นะคะ...ถ้าหากใครมีการใส่ภาพลงไป...ก็จะเจอคำสั่งนี้ค่ะ ก็ยัง...งง...กันอยู่ดีใช่มั้ยคะ ตอนที่ดาวฝึกทำครั้งแรกก็งงค่ะ... แต่อาศัยว่า...ยิ่งงงก็ยิ่งฝึก...มันก็เลยพอรู้เรื่องขึ้นมาบ้าง ลองเอาคำสั่งนั้นคำสั่งนี้มาทำดู...ทำไป...ลบไป... จนกว่าจะถูกใจ...เดี๋ยวก็ชินค่ะ สงสัยใช่มั้ยคะว่า...แล้วเราจะรู้ได้ยังไงว่า code ของสิ่งที่เราต้องการมันคืออะไร...เช่น code เปลี่ยนพื้นหลังคืออะไร , จะทำกรอบ comment สวยๆทำยังไง , แล้วเปลี่ยนเมนูให้สวยๆทำยังไง....ใจเย็นๆค่ะ...เพื่อนๆที่เค้าเป็นเทพในการตกแต่ง blog เค้าจะมี code น่ารักๆ มาแจกเราอยู่ประจำ...ลองหาดูได้ค่ะ อ้อ...แต่ถึงเป็นโค๊ดที่เค้าเอามาแจก...เราก็ควรที่จะพยายามทำความเข้าใจกับ code ด้วยนะคะ...ไม่ใช่ copy อย่างเดียว...เพราะถ้าทำแบบนั้นแล้ว...เราจะไม่เข้าใจอะไรเลยจริงๆค่ะ วันนี้เราจะมารู้จักกับ code ตัวแรก โดยลองมาเปลี่ยน backgroung กันก่อนดีมั้ยคะ สำหรับโค๊ดที่ใช้ในการเปลี่ยน background ก็คือ <*style>body{background-image:url(" ..url ของภาพที่ต้องการ..... ");background-attachment: fixed;} **การนำ code ไปใช้ ให้ลบ * ออก และการใส่ url ระหว่างเครื่องหมาย"....." ต้องไม่มีช่องว่างเลยนะคะ สำหรับที่ที่จะนำคำสั่งนี้ไปวางจะมีอยู่ 2 ส่วนค่ะคือ 1. ที่ Script area ซึ่งคำสั่งในส่วนนี้จะแสดงในทุกหน้าของ webblog ค่ะ 2. ที่ หน้า blog แต่ละ blog ซึ่งจะแสดงเฉพาะ หน้านั้นๆ ค่ะ... การนำโค้ดไปใส่ไว้ที่ Script area - เลือก จัดการ script area จากหน้า จัดการ blog (ภาพที่ 1) copy คำสั่ง คือ <*style>body{background-image:url(" ..url ของภาพที่ต้องการ..... ");background-attachment: fixed;} ไปใส่ไว้ในช่อง จัดการ Script และ StyleSheet (มีผลทั้ง blog) อย่าลืมใส่ url ของภาพที่ต้องการนำมาทำเป็น background นะคะ (ต้องฝากภาพไว้กับ webhost ก่อน) - - จากนั้นก็กด save (ภาพที่ 2) * * ลองไปเช็คดูผลงานกันที่หน้า webblog ได้เลยค่ะ การนำ code ไปใส่ที่ blog - เลือก "เขียน blog ใหม่" หรือ "แก้ไข blog เดิม" จากเมนูจัดการ blog (ภาพที่ 3) - เลือก “เขียน blog ใหม่” หรือ "แก้ไข" จาก blog ที่คุณต้องการใส่ภาพพื้นหลัง (ภาพที่ 4) - copy คำสั่ง คือ <*style>body{background-image:url(" ..url ของภาพที่ต้องการ..... ");background-attachment: fixed;} ไปใส่ไว้ในช่อง รายละเอียด อย่าลืมใส่ url ของภาพที่ต้องการนำมาทำเป็น background นะคะ (ต้องฝากภาพไว้กับ webhost ก่อน) (ภาพที่ 5) **การนำ code ไปใช้ ให้ลบ * ออก และการใส่ url ระหว่างเครื่องหมาย"....."ต้องไม่มีช่องว่างเลยนะคะ - จากนั้นก็กด Publish (ภาพที่ 6) * * ลองไปเช็คดูผลงานกันที่หน้า blog ได้เลยค่ะ - ถ้าอยากฝึกความชำนาญ หรือ ยังไม่ชอบใจ ก็ลองเปลี่ยนภาพไปเรื่อยๆค่ะ - เล็กๆน้อยๆ....เพิ่มเติมจ้า!!!!! >>> หากต้องการใช้ภาพที่มีเพื่อนๆผู้ใจดีนำมาแจก วิธีการง่ายๆค่ะ นำเม้าส์ไปชี้ที่ภาพที่เราต้องการ แล้วคลิกขวา เลือก properties (ภาพ 7) จากนั้นจะปรากฏหน้าต่างขึ้นมา ให้ทำแถบสีครอบรายละเอียดในหัวข้อ Address : (URL) ดังภาพที่ 8 แล้วคลิกขวา เลือก copy แล้วนำมาวางในตำแหน่ง url ในแต่ละ code ที่เพื่อนๆต้องการค่ะ   Create Date : 31 กรกฎาคม 2552 13 comments Last Update : 14 เมษายน 2557 0:47:35 น. Counter : 916 Pageviews. Share Tweet

ขอบคุณมากๆค้าาา   โดย: unisex (banyensakul ) 1 สิงหาคม 2552 11:28:10 น.

ขอบคุณนะคะสำหรับคำแนะนำ เราก็มือใหม่ ที่blogยังมั่วอยู่ ยังต้องหาข้อมูลอักเยอะ ขอถามหน่อยคะ กรอบตรงcomment no 1 2 3........ ทำไมเราทำแล้วมันไม่ได้คะทำหลายรอบแ้ล้ว แล้วจะมาเยี่ยมอีกนะคะ   โดย: ซองจีโอ 1 สิงหาคม 2552 13:17:29 น.

ขอบคุณครับ มาติดตามวิธีตกแต่ง ครับ เพิ่งเริ่มทำ ยังตกแต่งไม่เป็นเลยครับ   โดย: NET-MANIA 1 สิงหาคม 2552 23:43:09 น.

ดีใจจังเลย...ที่สิ่งที่เราทำเป็นประโยชน์กับเพื่อนๆนะคะ ส่วนที่คุณซองจีโอ ถามมาเรื่องกรอบคอมเม้นต์นั้น เดี๋ยวคืนนี้จะนำมาลงให้นะคะ พอดีตอนนี้กำลังแนะนำเรื่องการทำกรอบให้ข้อความอยู่ค่ะ...ยังไม่เสร็จเลย...ถ้าเสร็จแล้วจะทำเรื่องกรอบคอมเม้นต์ต่อให้เลยค่ะ... คุณunisex และ คุณNET -MANIA เรามาเรียนรู้ไปพร้อมๆกันนะคะ ถ้ามีอะไรจะแนะนำ ไหมก็ยินดีนะคะ มือใหม่เช่นกันค่ะ   โดย: Lan_Dao 1 สิงหาคม 2552 23:53:04 น.

เป็นกำลังใจในการช่วยเหลือเพื่อนๆในการอธิบายเรื่องการแต่ง blog ครับ ว่าแต่ตัว font มันใหญ่ไปไหมอะ 55 แต่ก็ดีนะ อ่านง่าย สบายตาดี สู้ๆนะครับ   โดย: คนจนที่อยากรวย 2 สิงหาคม 2552 10:45:30 น.

ขอบคุณครับ   โดย: babooztai 3 สิงหาคม 2552 9:47:12 น.

อิอิ...ที่ไหมใช้ตัวอักษรตัวโตก็เพราะอยากให้อ่านกันได้ง่ายๆน่ะค่ะ โดยเฉพาะคนที่เพิ่งหัดแต่ง blog จะได้ไม่ต้องเพ่งกันมาก เดี๋ยวจะเครียด 55555   โดย: Lan_Dao 6 สิงหาคม 2552 1:25:49 น.

เราลองทำภาพพื้นหลังไว้ใน blog อ่ะค่ะ มันทำไม่ได้ มันก็ยังเป็นพื้นหลังทุกหน้าอยู่ดี   โดย: khakty (khakty ) 6 สิงหาคม 2552 13:56:51 น.

ขอบคุณนะคะ สำหรับคำอธิบาย แจ่มแจ้งแล้วค่ะ กำลังมะงุมมะงาหรา ลองผิดลองถูกอยู่ เพิ่งรู้นี่แหละ ว่าช่อง "รายละเอียด" มันตรงใกล้ๆ ตาเรานี่เอง เซ่อแท้ๆ อิอิ   โดย: แบกเป้เที่ยว 10 สิงหาคม 2552 16:43:46 น.

คุณแบกเป้เที่ยว : ดีใจจังจังค่ะ blog นี้มีประโยชน์กับคุณ มือใหม่ก็แบบนี้แหละค่ะ...บางทีเราก็อาจจะลืมสังเกตไปบ้าง...ไหมก็เคยเป็นค่ะ...อิอิ แล้วแวะมาอีกนะคะ...   โดย: Lan_Dao 11 สิงหาคม 2552 4:40:52 น.

พี่ยัง (งง) อยู่เลยสงสัยจะโง่จัด   โดย: ดวงชะตา (ดวงชะตา ) 19 สิงหาคม 2552 17:39:44 น.

เข้ามา่านแต่อ่านไม่ได้ ลายเต็มไปหมด สงสัยเป็นที่พ้นหลัง   โดย: brackleyvee 19 สิงหาคม 2552 22:28:50 น.

ฝากภาพไว้กับ webhost ทำยังไงคะ มือใหม่มากๆ   โดย: แม่น้องต้นกล้าครับ 31 สิงหาคม 2552 21:34:16 น.