นโยบายการจัดการความรู้ มหาวิทยาลัยสงขลานครินทร์ 1.ให้ใช้เครื่องมือการจัดการความรู้ผลักดัน คุณภาพคน และกระบวนทำงาน 2.ส่งเสริมการแลกเปลี่ยนประสบการณ์การทำงาน จากหน้างาน 3.ส่งเสริมให้มีเวทีเรียนรู้ร่วมกัน
อ่าน: 24719
ความเห็น: 27

มาเปลี่ยนภาพพื้นหลัง Blog สื่อความเป็นตัวคุณเองกันไหมละ

สวัสดีครับ

หลังจากที่ให้ลองทำการเปลี่ยน ภาพส่วนหัวของ blog มาแล้ว ในครั้งก่อน วันนี้เลยจะให้มาลองทำการเปลี่ยนภาพพื้นหลังกันบ้างครับ

ดังตัวอย่างง่ายๆ ของ blog ผมนั้น ได้เปลี่ยนภาพพื้นหลัง เป็นภาพ ลายเส้นแทยงสีฟ้าอ่อนๆ

แล้วถ้าเป็นคุณละจะเอารูปไหนมาทำพื้นหลังกัน แต่มาดูวิธีการทำอย่างง่ายๆ ไม่ซับซ้อนครับ ดังนี้

ขั้นตอนการจัดการแบบเคร่าๆ  นะครับ

1.อย่างแรกก็ต้องเตรียมหาภาพที่ต้องการมาใช้เป้นพื้นหลัง blog เรากันก่อนนะครับ ของผมก็ได้ภาพ BG_pazma_2.gif

2. จากนั้นก็เหมือนเดิมครับ upload  ไปไว้ในพื้นที่เก็บไฟล์อัลบั้มใน blog ของผมเอง โดยไปที่

เมนูสำหรับ (ชื่อของท่าน) > ไฟล์อับั้ม > นำไฟล์ขึ้น

3. กดปุ่ม Browse... แล้วไปเลือกไฟล์พื้นหลังที่คุณต้องการ แล้วใส่รายละเอียด และคำสำคัญของไฟล์ภาพนั้น เมื่อไฟล์ขึ้นมาอยู่ใน ไฟล์อับั้มเรียบร้อยแล้ว

ให้เรา copy link ของไฟล์ภาพที่ต้องการนำมาเป็นพื้นหลังของ blog ในกรณีนี้ภาพผมอยู่ที่ http://share.psu.ac.th/file/suriya.k/BG_pazma_2.gif

 4. เมื่อไฟล์ขึ้นมาอยู่บนเนื้อที่ของเราแล้ว ก็ถึงขั้นตอนไปนำไฟล์มาใช้เป้นพื้นหลัง 

ไปเมนู ประวัติ > ตกแต่งหน้าประวัติของคุณ

5. ตรงตำแหน่ง "CSS ที่ตกแต่งมาเอง : " ใส่  Code ไว้ดังด้านล่างนี้ครับ


body{background:#d4dff7;
background-image: url("
http://share.psu.ac.th/file/suriya.k/BG_pazma_2.gif");
background-repeat:repeat;}

 

6. สิ่งที่ต้องเปลี่ยนอย่างง่ายๆ คือ ตรงตำแหน่งชื่อรูปที่โหลดขึ้นไปในไฟล์อัลบั้ม แต่ถ้าเป็นภาพของท่าน ก็เอาตำแหน่ง link ของท่านมาแก้ตรงนี้ครับ

7. กดปุ่มบันทึกเก็บ เสร็จแล้วก็กลับมาดูผลงานที่ได้ครับ จบ

เหมือนเดิมครับ อยากให้ลองทำกันดู ลองเอาตำแหน่งไฟล์ผมไปลองใช้ก่อนก็ได้ครับ เพื่อทดสอบดูว่าทำได้แล้วก็พอก่อน

ส่วนวันหลังก็ค่อยหาภาพสวยๆ โนใจคุณเองมาทำก็ไม่ว่ากระไร เพราะถ้ายังไม่ลองทำ กะวาจะรอหาภาพให้ได้ก่อน ก็อาจจะไม่ได้ทำอีกเช่นเคยนะ อิอิ

"อยากทำให้ดีจนไม่ได้ทำสักที หรือเป้นเพราะเราไม่อยากทำมันจริงๆ กันแน่" ถามตัวเองดูนะครับ

แล้วอย่าลืมเอามาบอกันบ้างนะครับ จะตามไปให้คะแนน เอ้ย! ไม่ใช่ ตามไปชื่นชมครับ

ปล. วันหลังจะหารูป background สวยๆ มาฝากไว้ให้โหลดกันไปใช้นะครับ

หมวดหมู่บันทึก: เรื่องทั่วไป
สัญญาอนุญาต: สงวนสิทธิ์ทุกประการ Copyright
สร้าง: 08 พฤศจิกายน 2550 11:30 แก้ไข: 13 มิถุนายน 2552 20:23 [ แจ้งไม่เหมาะสม ]
ดอกไม้
สมาชิกที่ให้กำลังใจ
 
Facebook
Twitter
Google

บันทึกอื่นๆ

ความเห็น

Ico48
นิ (ฝ่ายบริการวิชาการ วิศวะ) [IP: 172.31.32.246]
08 พฤศจิกายน 2550 19:33
#1244

นิลองทำแล้วค่ะ แต่ไม่ได้ .. ไม่ทราบว่าทำไมค่ะ ... แง แง

Ico48
Kon1Kon (ความเคลื่อนไหวล่าสุด)
08 พฤศจิกายน 2550 19:49
#1245

ไม่ได้เหมือนกันค่ะ กรุณาแนะนำอีกครั้งนะคะ  ขอบคุณค่ะ

ขอโทษมากเลยๆ ครับ พอดี copy code มาไม่ครบขาดบรรทัดบนไป 1 บรรทัดครับ

คือบรรทัดนี้ครับ

body{background:#d4dff7;

แก้ไขให้ใหม่แล้วครับ เพราะฉนั้น Code ทั้งหมดจะได้ดังนี้ครับ

body{background:#d4dff7;
background-image: url("http://share.psu.ac.th/file/suriya.k/BG_pazma_2.gif");
background-repeat:repeat;}

ลองทำกันดูใหม่นะครับ แต่ก็ดีใจครับที่ได้ลองทำแล้ว ยอ่างน้อยเราก็ได้เรียนรู้สิ่งผิดพลาดไปด้วยกัน 1 อย่างละ

คร่าวนี้มาลองทำแบบที่ถูกกันนะครับ (อิอิ อายจัง)

Ico48
Kon1Kon (ความเคลื่อนไหวล่าสุด)
08 พฤศจิกายน 2550 23:40
#1250

คุณสุริยาคะ  อยากจะบอกว่าที่จริงอยากจะเปลี่ยนมาตั้งแต่เห็น blog สวยๆ ของ น้องอุโยะ น้อง Pan หนูณิช พี่เมตตา ฯลฯ แล้วหละค่ะ  แต่ยังไม่ได้โอกาสซักที วันนี้คุณสุริยามาไขข้อข้องใจ ตรงใจมากๆ ขอบพระคุณนะคะ

เพราะฉะนั้น ไม่เป็นไรหรอกค่ะ copy พลาดไปนิดเดียว ทำให้เราได้ทดลองอะไรสนุกๆ ดีออกค่ะ

 จะมาเรียนให้ทราบว่า ทดลองสำเร็จแล้วค่ะ ตื่นเต้นจัง ^_^  จะทดลองเปลี่ยนไปจนกว่าจะได้ภาพที่พอใจน่ะค่ะ..ตอนนี้พอใจแค่นี้ก่อน  (แค่นี้ก็ดีจะแย่แล้วค่ะ)

 เลยได้ตามไปทดลองอ่านวิธีเปลี่ยน blog head ด้วย  ดีจังเลย  ขอยกความดีให้คุณสุริยาเต็มๆ ค่ะ (ปรบมือ...)

 

ได้แล้วค่ะ .. แย้แย้

ทำให้ Blog น่าเล่นขึ้นเยอะเลยค่ะ ^o^

ดีใจจังที่ใช้กันได้แล้ว เฮ้ย! โล่งอกไปนึกว่าจะโดนตำหนิซะยกใหญ่

ชักเริ่มเสียวๆ ไว้ก่อน คราวต่อไปจะรอบคอบมากขึ้นครับ

อ่อ ผมได้ไปแวะเยี่ยมเยือน blog ของพี่ๆ น้องๆ แล้วนะครับ สวยสดงดงาม น่ารัก น่าชังเหมือนเจ้าของ  blog ทุกคนเลย  ....

ลองทำพื้นหลังดูแล้วไม่เห็นจะได้เลยค่ะ ไม่รู้ว่าผิดที่ตรงไหน ทำไปทำมาจนปวดหัวแล้วเนี่ย...

งั้นมาลองทดลองใหม่ช้าๆ นะครับ

1. อย่างแรกคือ copy code ด้านล่างนี้ไว้ก่อนนะครับ

body{background:#d4dff7;
background-image: url("
http://share.psu.ac.th/file/suriya.k/BG_pazma_2.gif");
background-repeat:repeat;}

2. แล้วก็ไปเมนู ประวัติ > ตกแต่งหน้าประวัติของคุณ

ตรงตำแหน่ง "CSS ที่ตกแต่งมาเอง : " ใส่  Code ที่ copy ไว้ แล้วกดบันทึก

เอาแค่นี้ก่อน แล้วดูไหมว่า      มีการเปลี่ยนแปลงขึ้นไหม ถ้าพื้นหลังเปลี่ยนก็มาถูกทางแล้วครับ

ปล. ถ้าอยากเปลี่ยนพื้นหลังเป็นรูปอื่นๆ  ก็แค่เปลี่ยน   ชื่อไฟล์ใหม่ที่        http://share.psu.ac.th/file/suriya.k/BG_pazma_2.gif

ลองดูนะครับ ได้ผลยังไงก็บอกมานะครับ   

ไม่ดีอีกคะ งงมากเลย แงๆๆๆ ทำได้แค่ทำรูปขึ้นหัวบล็อค แงๆ
ขอบคุณค่ะ ได้ลองนำความรู้ที่ได้รับไปทดลองใช้แล้วค่ะ แต่มีข้อสงสัยเกี่ยวกับตัวหนังสือที่เป็นส่วนหัวของบล็อก คือว่าสามารถกำหนดฟร์อท หรือขนาดได้หรือไม ถ้าทำได้ตองทำไงค่ะ

ได้ครับ โดยการแก้ไขใน code ด้านล่างนี้ครับ ตำแหน่ง font-size:18; สามารถเพิ่มจำนวนตัวเลขเพื่อเพิ่มขนาดได้คัรบ

ส่วน padding:85px 120px 45px ; เป็นการจัดวางตำแหน่งของข้อความครับ ลองแก้ไขตัวเลขดูนะครับ ว่าจะเป็นอย่างไร (learning by doing)
 

 

div#title {padding:85px 120px 45px ;
font-size:18;
}

ดีมากเลยค่ะ..กำลังสนใจที่จะทำอยู่พอดีเลย..เห็นของพี่ๆๆๆเขาสวยๆๆ เขาทำกันยังงัย...ได้ข้อสรุป...จะลองทำดูนะค่ะ...ขอบคุณค่ะ

ครับ ต้องลองทำ ลองเล่น(เรียนรู้) ดูนะครับ ได้ผลยังไงก็แจ้งมาด้วยละ

แต่ถ้าติดปัญหาส่วนยินดีเป็นที่ปรึกษาให้ครับ ทำให้สวยๆ นะคับ จะได้เอามาแบ่งกันบ้าง

เย้ๆๆๆๆๆๆ ลองเข้าไปทำดูแล้วค่ะ ทำได้ ขอบคุณมากค่ะ

 เข้าไปตามชมบันทึกแล้วนะครับ

Ico48
แปะยิ้ม [IP: 58.147.36.140]
09 มีนาคม 2551 09:31
#23963

เพิ่งมีเวลาเข้ามาทำ สนุกดี มีเทคนิคดีๆ ก็บอกต่อเยอะๆนะคะ เพราะไม่ค่อยมีเวลาศึกษาเท่าไร

Ico48
unkwangza [IP: 125.26.2.196]
31 พฤษภาคม 2551 19:03
#30158
พี่ค่ะหนูอยากทำสกิทเองอ่ะค่ะจะทำไห้เปงรูปอุลต้าแมนอ่ะค่ะทำไงอ่ะช่วยบอกวิธีทำทีค่ะบอกโค้ดมาด้วยนะค่ะ

เข้ามาอ่าน และมาลองทำในหัวข้อต่างๆ ในการตกแต่งบล็อกจากที่นี้เลยครับ

http://share.psu.ac.th/blog/themeandcss/toc

 

ถ้าเสร็จแล้วก็มาบอกบ้างนะครับ จะตามไปชื่นชมครับ

พื้นหลังสวย ๆ หาจากไหนค่ะ อยากทำบ้างจังเลย

ขอบคุณค่ะ  สำหรับความรู้ที่นำมาแนะนะ

ลองทำบ้างแล้วค่ะ เลอะ-เทะ หมดแล้ว

Ico48
นายประดิษฐ์ นิ่มน้อย [IP: 58.8.122.8]
10 มกราคม 2552 19:24
#39911

ขอบคุณครับ

หาอยู่พอดี

 

Ico48
นายประดิษฐ์ นิ่มน้อย [IP: 58.8.122.8]
10 มกราคม 2552 19:26
#39912

ขออนุญาตินำไปแนะนำเพื่อนได้ไหมครับ

                                                ขอบคุณมากครับ

ด้วยความยินดีครับ ขอให้สนุกกับการเรียนรู้นะครับ แล้วมีอะไรดีๆ ก็มาแลกเ้ปลี่ยนด้วยละ จได้ช่วยกันต่อยอดความรู้ครับ
Ico48
เดนนี [IP: 222.123.181.67]
13 สิงหาคม 2552 19:08
#47303

อยากเก่งเหมือนคุณๆบ้างแต่ไม่มีเวลาทีจะเก่ง

ตอบ คุณเดนนี

ไม่ยากเกินความพยายามคัรบ ถ้าสนใจและใส่ความรัก เข้าไปอีกนิด ก้จะสนุกกับสิ่งที่เรียนรู้คัรบ สู้ๆ มีอะไรถามกันเข้ามาครับ :-)

Ico48
เด็กแนวทางใต้ [IP: 192.168.100.112]
17 สิงหาคม 2552 10:47
#47373

เดี๋ยวค่อยทำ วันนี้ยังไม่ว่าง

เดี๋ยวค่อยทำ สิ่งต่างๆยังมากล้น

เดี๋ยวค่อยทำ คือข้ออ้างของบางคน

พาอับจน เพราะคำเดียว เดี๋ยวค่อยทำ

:-) 

ร่วมแสดงความเห็นในหน้านี้

ชื่อ:
อีเมล:
IP แอดเดรส: 18.207.255.49
ข้อความ:  
เรียกเครื่องมือจัดการข้อความ
   
ยกเลิก หรือ