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

ตัวอย่างการเปลี่ยน ภาพส่วนหัวของ blog

ตรงตำแหน่งชื่อรูปที่โหลดขึ้นไปในไฟล์อัลบั้ม โดยที่เราต้องไป copy link ของไฟล์ภาพที่ต้องการนำมาเป้นส่วนหัวของ blog ในกรณีนี้ภาพผมอยู่ที่ http://share.psu.ac.th/file/suriya.k/hd_blog2.jpg แต่ถ้าเป็นภาพของท่าน ก็เอาตำแหน่ง link ของท่านมาแก้ตรงนี้ครับ

ลองทำตัวอย่างการเปลี่ยน ภาพส่วนหัวของ blog มาแล้วครับ ดังที่เห็นด้านบนของ blog นี้ครับ

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

1.ผมได้เริ่มออกแบบขนาดภาพไว้ที่  914 pixel x 147 pixel ชื่อไฟล์ว่า hd_blog2.jpg แล้วนำไฟล์ที่ได้

2. upload  ไปไว้มรพื้นที่เก็บไฟล์อัลบั้มใน blog ของผมเอง

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

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

div#title{padding: 
font-size: medium;
color:#0254c4;
background:#d4dff7;  
background-image:url("http://share.psu.ac.th/file/suriya.k/hd_blog2.jpg");    
background-repeat:no-repeat;  
background-position:center center;  
height:147px;
width:914px;
}

div#title span {display:none;} 

body{background:#d4dff7;
background-image: url("");
background-repeat:repeat;}

5. สิ่งที่ต้องเปลี่ยนอย่างง่ายๆ คือ ตรงตำแหน่งชื่อรูปที่โหลดขึ้นไปในไฟล์อัลบั้ม โดยที่เราต้องไป copy link ของไฟล์ภาพที่ต้องการนำมาเป้นส่วนหัวของ blog ในกรณีนี้ภาพผมอยู่ที่ http://share.psu.ac.th/file/suriya.k/hd_blog2.jpg แต่ถ้าเป็นภาพของท่าน ก็เอาตำแหน่ง link ของท่านมาแก้ตรงนี้ครับ

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

เอาเป้นว่าลองทำกันเล่นๆ นะครับ เผื่อบางวันอาจคิดเรื่องเล่าไม่ออกก้มาคิดว่าจะตกแต่งหน้า blog ยังไงแทนก็ได้ครับ อิอิ แล้วอย่าลืมเอามาบอกันบ้างนะครับ จะตามไปให้คะแนน เอ้ย! ไม่ใช่ ตามไปชื่นชมครับ

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

บันทึกอื่นๆ

ความเห็น

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

เมื่อกี้...ลืม link ที่นี่ค่ะhttp://share.psu.ac.th/blog/metta-psu/124
Ico48
arunan-ฝ่ายบริการวิชาการ [IP: 172.31.32.219]
16 ตุลาคม 2550 14:25
#186

ขอขอบคุณพี่ยา มากๆ สำหรับวิธีการทำ blog เก๋ๆ

แวะเข้าไปเยี่ยมเยือนบ้านพี่เมตตา (กรุณา มุทิตา อุเบกขา) แล้วละครับ เป็นการเริ่มต้นที่ดีครับ ดอกไม้เต็มบ้านเลย สวยงามครับ

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

แล้วบ้านอื่นๆ เป็นไงกันบ้างหน่อ อยากดูจัง

ขอบคุณค่ะ ที่นำมาฝาก 

ลองทำดูแล้วเมื่อเช้านี้ แต่ยังมะแจ่มนะ 

ยังหาภาพสวยๆ ไม่ได้เลย

เข้าไปเยี่ยมชมบ้าน หยดน้ำแล้วนะครับ เริ่มต้นได้ดีแล้วละ แล้วจะแวะชมบ่อยๆ ครับ

ขอบคุณนะค้าบ จาลองทำดูบ้าง อิอิ

Ico48
kind (ความเคลื่อนไหวล่าสุด)
15 พฤศจิกายน 2550 17:31
#1525

จาลองทำน้าคร้าบบบบบ....

ลองอยู่ตั้งหลายทีกว่าจะได้ ขอบคุณครับ

ดีเลยครับ ที่ทำได้แล้ว แวะไปชมของ P ล.ลิงไต่หลังแกะ  แล้วครับ โอกาสหน้าจะเอามาเสนอหัวข้อใหม่ๆ อีกนะครับ

ขอบคุณคะ เริ่มจับทางได้แล้วคะ แต่เด่วค่อยกลับมาคิดรูปหัวบล็อคต่อ ส่วนแบล็คกราวต้องอ่านไปทำไปคะ แหะๆ ปล. โค๊ดที่ให้มา เช่น ซากุระตก มันทำแล้วไม่ขึ้นคะ ไม่แน่ใจว่าต้องไปปรับอะไรส่วนไหนก่อนป่าว ขอบคุณอีกครั้งคะ
Ico48
Teddy (ความเคลื่อนไหวล่าสุด)
22 กุมภาพันธ์ 2551 11:52
#21603

สุดยอดเลย ต้มยำกุ้ง ได้ประโยชน์สนอง need ของพี่อย่างมั่ก ทำให้ blog แรก ๆ ของมือใหม่หัด Share อย่างพี่ ได้รับอนิสงค์ไปด้วย .. น่ารักเสมอต้นเสมอปลายจริง ๆ น้องเรา มาแบ่งปันความรู้ให้ชาวโลกได้ชื่นชมความงาม ของงานศิลป์กันโดยทั่วหน้า ขอให้ผลบุญกุศลในครั้งนี้ จงดลบันดาลให้น้องพี่มี job เข้าแยะ ๆ ฝีมือโยนโบว์แบบ strike แล้ว strike อีก ลูกน่ารักเลี้ยงง่ายไม่งอแง .. อิ ๆ ขอฝากเนื้อฝากตัวเป็น ต้มยำกุ้ง แฟนคลับ อีกคนค๊าบบบ (^_^ ) /

 

ิ 


คุณพี่ Teddy  เก่งเป็นทุนเดิมอยู่แล้วครับ เรื่องเล็กๆ แค่นี้เลยสบายไปเลยนะครับ

เอาครับ ตอนนี้มือดีไซต์แนวการ์ตูนหวานแหวว ได้แจ้งเกิดใน share อีกคนแล้วครับ น่าตื่นเต้นจังเลย

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

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