นโยบายการจัดการความรู้ มหาวิทยาลัยสงขลานครินทร์ 1.ให้ใช้เครื่องมือการจัดการความรู้ผลักดัน คุณภาพคน และกระบวนทำงาน 2.ส่งเสริมการแลกเปลี่ยนประสบการณ์การทำงาน จากหน้างาน 3.ส่งเสริมให้มีเวทีเรียนรู้ร่วมกัน
อ่าน: 6227
ความเห็น: 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
หยดน้ำ (Recent Activities)
18 October 2007 06:41
#262

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

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

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

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

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

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

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

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

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

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

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

 

ิ 


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

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

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

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