ใส่รูปเจ้าของบล็อกที่หัวบล็อก

ศิริพร
ติดตาม ผู้ติดตาม 
ติดต่อ

 

 

 

มีหลายท่านถามมาว่า  จะใส่รูปเจ้าของบล็อกที่หัวบล็อก  ทำได้อย่างไร? 

 

มีขั้นตอนดังนี้ ค่ะ

1. เตรียมรูปภาพที่จะนำมาใส่   โดยขนาดของรูปที่นำมาใช้  ประมาณ  120 x 150   (ขนาดเท่ากับในตัวอย่างนี้)  นำรูปภาพที่จะใช้ขึ้นไว้ที่ไฟล์อัลบั้ม เพื่อให้มีที่อยู่ของไฟล์รูป (http://gotoknow.org/file/...)

  

2. อยู่ที่บล็อกที่ต้องการตกแต่งหัวบล็อก (ใส่รูปเจ้าของบล็อกที่หัวบล็อก)  

 

ไปที่   เมนูทางลัด   ->  จัดการบล็อก   แล้วเลือก    ตกแต่งบล็อก    ดังรูป

 

 

 

 

- สำหรับผู้ที่จะใส่รูปเจ้าของบล็อกที่หัวบล็อกในหน้าประวัติ    

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

 

 

 

 

 

3. จะเข้ามาที่หน้า  แก้ไขชุดตกแต่ง     แล้วเลือก  แก้ไข css ที่ตกแต่งมาเอง  ดังรูป

 

 

 

  

4.ให้ copy code ของ css   ต่อไปนี้ 

 

div#title{font-size:big;  color:#A52A2A;

background:#FFFAF0   url(http://gotoknow.org/file/siriporn5633/hgirl.jpg)

 no-repeat   right; height:170px;}

 

 

 

     นำไปวางในกรอบสี่เหลี่ยมของ   CSS  ที่ตกแต่งมาเอง    คลิกเลือก  บันทึก CSS   ดังรูป  

 

 

 

  

เป็นอันเสร็จสมบูรณ์ จะได้หัวบล็อกดัง  ตัวอย่างนี้ 

 

 

 

 

 

 

 

 

 

 

 

 

คลิกดู  code สี  ที่นี่      โค้ดสีสำหรับแต่งบล็อก (1)     โค้ดสีสำหรับแต่งบล็อก (2)   โค้ดสีสำหรับแต่งบล็อก (3)   

 

 

 

 

 

 

 

 

 

บันทึกนี้เขียนที่ GotoKnow โดย  ใน css และ blog



ความเห็น (19)

สวัสดีค่ะ อาจารย์

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

ขอบคุณอาจารย์มากเลยค่ะ

เขียนเมื่อ 
  • อาจารย์คะ ขอบคุณอาจารย์มากเลยค่ะ
  • วันนี้เปิดมาดูก็ตกกะใจว่าทำไม ตัวอักษร ของเราใหญ่จัง ปกติก็ไม่ใหญ่ขนาดนี้ แต่พอได้มาอ่านคำแนะนำของอาจรย์ก็เลยไปปรับให้เล็กลงดูน่ารักแล้วค่ะ
  • อาจารย์สอนเก่งจัง ดูตามรูปที่ถ่ายมาประกอบ ทำให้เข้าใจง่ายมากนะคะ

 

 

เขียนเมื่อ 

อาจารย์คะ

ถ้าไม่มีภาพขนาด 120*150 เราจะเปลี่ยนขนาดภาพให้ได้ตามขนาดที่ต้องการอย่างไรคะ

เขียนเมื่อ 

สวัสดีค่ะ คุณ krurisa  ดูวิธีตัดภาพ-ย่อ-ขยายภาพ ได้ที่ แต่งรูปภาพไว้ใช้แต่งบล็อก ค่ะ

เขียนเมื่อ 

ขอบคุณครับ..แอบยืมไปใช้ก็หลายแบบนะครับ

เขียนเมื่อ 

ขอบคุณนะคะ

ขอบคุณมากๆนะคะ

  • เก่งจังเลยค่ะ
  • ขอบคุณมาก แล้วจะเรียนรู้ตามที่คุณครูสอนนะคะ
  • อาจจะนานหน่อย เพราะอายุเป็นสาเหตุ
  • ขอบคุณมาก ๆ ค่ะ

"อันความกรุณาปรานีจะมีใครบังคับก็หาไม่

หลั่งมาเองเหมือนฝนอันชื่นใจ

จากฟากฟ้าสุราลัยสู่แดนนดิน"

สมดั่งคำประพันธ์นี้เลยค่ะ ชื่นชอบ ชื่นชมและชื่นใจ

ขอบคุณมากได้ความรู้เยอะเลย และจะได้นำไปใช้บ้าง :)

เขียนเมื่อ 

ขอบคุณค่ะ กำลังจะตกแต่งอยู่พอดีค่ะ

สวัสดีปีใหม่ค่ะน้องรัก

มีความสุขมากๆนะคะ

Mor8

seen
IP: xxx.120.63.208
เขียนเมื่อ 

สวัสดีปีใหม่: 4

สวัสดีปีใหม่ 2552 ฮะ    คุณศิริพร

ขอให้ มีความสุขมากมาย ทุกวินาที นะฮะ

เขียนเมื่อ 

ทำไม่สำเร็จไว้ทำใหม่ค่ะ

เขียนเมื่อ 

ขอบคุณนะค่ะตอนนี้ได้นำแบบอย่างไปใช้ตกแต่งบล็อกของตัวเองค่ะ

  • แวะเข้ามาเรียนรู้
  • มหา จะพยายามดู
  • เป็นกำลังใจช่วยด้วยนะ มหา ท้อ
nobody
IP: xxx.172.181.69
เขียนเมื่อ 

ได้อานิสงไปด้วย ขอบคุณนะค้า

teacherking
IP: xxx.173.239.205
เขียนเมื่อ 

ขอบคุณนะค่ะ

แวะเข้ามาดูค่ะ

เขียนเมื่อ 

ขอบคุณมากค่ะ มาเรียนรู้ และกำลังฝึกตกแต่งบล๊อกค่ะ

นำไปใช้ประโยชน์ได้มากมาย ขอบคุณจริง ๆๆ

นิด
IP: xxx.93.212.188
เขียนเมื่อ 

นำไปใช้ในword  ได้บ้างไหมคะ