How to...ใส่ BG (background) สวัสดีค่ะ วันนี้ขอเสนอเปิด blog ใหม่นะคะ มีหลายคน pm มาถามทางหลังไมค์ว่า ทำยังงี้ยังไง ทำยังนู้นยังไง ก็เลยยกข้อมูลมาบอกกันค่ะ blog อาจจะยังไม่เรียบร้อยดีนะคะ แต่พอได้ค่ะ เอาโค้ดไปใช้ได้ตามอัธยาศัยค่ะ วันนี้เรามาเสนอเรื่อง "การใส่ BG หรือ background" นะคะ 1.พอ login เสร็จ ก็เข้าไปจัดการ blog ค่ะ แล้วก็ไปที่ช่อง "จัดการ Script area" ค่ะ 2.ใส่โค้ดตรงช่องนี้ค่ะ เรื่องโค้ดเอาจากนี้เลยค่ะ 1.โค้ดสำหรับภาพพอดีจอค่ะ (ภาพที่ใหญ่พอดีจอ จะเต็มจอค่ะ) <STYLE type="text/css"><!--BODY{ background-image : url(URL ที่อยู่รูปภาพค่ะ); background-attachment : fixed;}--> </STYLE> 2.โค้ดสำหรับขอบบนจอค่ะ <STYLE type="text/css"><!--BODY{ background-image : url(URL ที่อยู่รูปภาพค่ะ); background-repeat : repeat-x; background-attachment : fixed;}--> </STYLE> 3.โค้ดสำหรับขอบล่างจอค่ะ <STYLE type="text/css"><!--BODY{ background-image : url(URL ที่อยู่รูปภาพค่ะ); background-repeat : repeat-x; background-attachment : fixed; background-position : bottom;}--> </STYLE> 4.โค้ดสำหรับฝั่งซ้ายของจอค่ะ (ขอบซ้ายค่ะ ใช้รูปเล็กๆมารวมกัน ต่อเป็นแถวลงมาค่ะ) <style type="text/css"7gt;<!--BODY { background-attachment; background-repeat: repeat-y; background-attachment: fixed; background-color: white; background-image: url(URL ที่อยู่รูปภาพค่ะ);}--> </style> 5.โค้ดสำหรับฝั่งขวาของจอค่ะ (ใช้รูปเหมือนด้านบนค่ะ) <STYLE type="text/css"><!--BODY{ background-image : url(URL ทีอยู่รูปภาพค่ะ); background-repeat : repeat-y; background-position : right; background-attachment : fixed;}--> </STYLE> หมายเหตุ ท่านใดไม่ทราบเรื่อง URL ของรูปภาพ เชิญดูทางนี้ค่ะ 1.ไปที่รูป แล้วคลิกขวาค่ะ กด "Properties" ค่ะ (กรณีนี้ต้องใช้ในเน็ตค่ะ เอารุปจาก gogle ก็ได้ค่ะ หรือฝากรูปตามเว็บค่ะ เช่น //www.photobucket.com) 2.copy ตามนี้ค่ะ แล้ววางที่ช่องได้เลยค่ะ ขอให้มี BG สีสวยๆนะคะ   Create Date : 17 สิงหาคม 2552 13 comments Last Update : 17 สิงหาคม 2552 19:56:07 น. Counter : 597 Pageviews. Share Tweet

โห สอนละเอียดถึงขั้นดู source url กันเลยทีเดียว เยี่ยมเลยครับ มือใหม่เขาจะได้เข้าใจง่ายขึ้น ปล. comment box ตัวอักษรมันสีขาว เล้วพอเวลาพิมพ์ มันมองยากมาก ไม่รู้ว่าพิมพ์ผิดหรือพิมพ์ถูก หากแก้จุดนี้หน่อย จะยิ่งโอเคเลยครับ   โดย: คนจนที่อยากรวย 17 สิงหาคม 2552 23:35:58 น.

ว้าว สอนได้ละเอียดมากเลยจ้า เก่งขึ้นทุกวันเลยนะ สุดยอดมากๆ เลย   โดย: intumarn 18 สิงหาคม 2552 8:18:48 น.

ละเอียดมากเลยค่ะ...ขออนุญาตเอาไปทำบ้างนะคะ ขอบคุณมากๆๆๆๆค่ะ   โดย: @Icing on the Cake@ 18 สิงหาคม 2552 11:02:49 น.

แต่งยากมากมายเรย อิอิ   โดย: Mooaumza 18 สิงหาคม 2552 11:19:26 น.

ขอบคุงนะ มือใหม่เจรงๆๆ   โดย: Sasi (Sasi_chon ) 19 สิงหาคม 2552 10:45:58 น.

ขอบคุณมาก ๆ เลยจ้า   โดย: มีมี่ (ต้นกล้าน่ารัก ) 19 สิงหาคม 2552 13:42:00 น.

โดย: Navinya 20 สิงหาคม 2552 4:14:53 น.

ขอบคุณครับ จะนำไปตกแต่งบางครับ   โดย: ชายเอ ทุ่งรังสิต 1 กันยายน 2552 2:03:30 น.

ขอบคุณมาก ๆ ค่ะ เข้าใจง่ายสุดแล้ว blog นี้   โดย: อยากพักร้อนตลอดปี 8 กันยายน 2552 11:28:51 น.

อ่านเรียบร้อยแล้ว วันนี้กะว่าจะหัดทำนะค่ะ ขอบคุณมากเลยที่แวะมาเยี่ยมกัน   โดย: นายตัว J (konan_j ) 28 กันยายน 2552 7:09:12 น.

ขอบคุณที่แนะนำค่ะ   โดย: fourclover 1 ตุลาคม 2552 21:46:54 น.

ขอบคุณมากๆเลยนะคะ เขียนบล๊อคมาหลายเดือนแล้ว พยายามเปลี่ยน บีจี ล้านรอบได้ก้อทำไม่เปนสักที จนมาเจอบล๊อคนี้ค่ะ .. จขบ.น่ารักและใจดีจังค่ะ   โดย: xiao ye zi 9 มกราคม 2553 9:36:52 น.

ขอมา comment เป็นรอบทีสองของคืนนี้นะจ๊ะ ชมอีกทีว่าตัวแค่เนี้ยเก่งจริงๆเลย อย่างว่าเน๊อะเด็กๆเรียนรู้อะไรเร็วเก่งกว่าผู้ใหญ่อยู่แล้ว พี่เพิ่งมาเขียน blog โชคดีว่ามาเจอหน้าของน้องมิว จะได้ลองทำได้แล้ว thank you นะจ๊าที่แบ่งความรู้ใหม่ๆ และของตกแต่งน่ารักๆ   โดย: AnnsCrafts 20 มีนาคม 2553 3:20:53 น.