• ครูพักลักจำ
  • ranking : สมาชิกทั่วไป
  • email : protocom888@hotmail.com
  • วันที่สร้าง : 2008-09-20
  • จำนวนเรื่อง : 26
  • จำนวนผู้ชม : 602022
  • จำนวนผู้โหวต : 120
  • ส่ง msg :
  • โหวต 120 คน
<< ตุลาคม 2008 >>
อา พฤ
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  

[ Add to my favorite ] [ X ]


วันพฤหัสบดี ที่ 30 ตุลาคม 2551
Posted by ครูพักลักจำ , ผู้อ่าน : 5929 , 15:52:34 น.  
หมวด : วิทยาศาสตร์/ไอที

พิมพ์หน้านี้
โหวต 0 คน

Before 

    After

คราวที่แล้ว ผมได้แนะวิธีการเปลี่ยน Header ทีละขั้นไปแล้ว ต่อเนื่องมาถึงครั้งนี้เพื่อให้ได้ Blog ที่สวยงาม
และเข้ากันได้กลมกลืนกับหัว Header ของเรา จึงอยากแนะวิธีแก้ไข Icon ส่วนต่างๆ ด้วยวิธีง่ายๆ แก้ไม่กี่จุด
ก็นำมาใช้ได้เลยครับ

ก่อนอื่น ขอให้จำจุดสำคัญส่วนนี้ก่อนครับ เวลาแก้จะไม่ งง ครับ
1.ส่วนที่เป็น Icon ทั้งหลาย คือภาพ(ขนาดเล็ก)ครับ ดังนั้นมันต้องการที่อยู่อ้างอิง ที่อยู่อ้างอิงของมันทุกอันต้องมีคำ
ดังต่อไปนี้อยู่ครับ
background:url(http://www.oknation.net/blog/.../.../.../.../ชื่อIconนั้นๆ.gif)
2.มันจะมีนามสกุล .gif ทุกอัน (เพื่อให้มีไฟล์ขนาดเล็กและโหลดไว)
3.ดูหน้าตามันด้วยวิธีก๊อปปี้ url ของมันแล้วไป Paste บน Internet Explorer ของเรา ก็จะเห็นหน้าตามันทันทีครับ เมื่อเห็นหน้าตามันแล้วก็ให้เซฟภาพลงเครื่องเรา เพื่อดูขนาดภาพ และไปตกแต่งอันใหม่ใน Photoshop ให้มีขนาดเท่ามัน ตั้งชื่อเหมือนมัน และบันทึกเป็น .gif (เพราะเวลาเอาไปแทนที่จะไม่งงครับ แค่หาชื่อเหมือนกันและแทนที่มัน)

ผมจะยกตัวอย่างพร้อมภาพอธิบาย 1 Icon นะครับ ที่เหลือใช้วิธีการเดียวกันแก้ได้ทั้งBlog เลยครับ
(ในที่นี้ผมจะใช้ Blog แบบที่9 Thai New Year มาอธิบายนะครับ เพราะมักเป็นBlogที่ถูกนิยมนำมาแก้ไขมากที่สุดสาเหตุคงเป็นเพราะมีพื้นที่ในการPostภาพขนาดใหญ่ตอนเขียนEntryได้ครับ)

วิธีทำทีละขั้น
1.ผมจะก๊อปปี้โค้ดทั้งหมดออกมา และ Paste ที่ NotePad ของผม(เพื่อป้องกันความผิดพลาดขณะแก้จะได้ไม่ทำให้Template เดิมของผมเสียหาย)

2.ผมจะมองหาตำแหน่ง url ที่มีชื่อขึ้นด้วย (http://www.oknation.net/blog/.... และลงท้ายด้วย .gif ) และจะทำการแดรกส์เมาส์ก๊อปปี้แล้วไปPaste ใน Internet Explorer เพื่อดูหน้าตามันครับ แล้วเซฟรูปลงเครื่องเราครับ



3.คลิกขวาที่รูป(ที่เซฟมาที่เครื่องเรา) เลือก Properties เพื่อดูขนาดของรูป ชื่อรูป และประเภทของรูป(.gif)

4.เปิด Photoshop ของเรา และสร้างพื้นที่ทำงานให้เท่ากับรูปที่เราจะแก้ไข (เราไม่สามารถแก้ไขรูป.gifไฟล์ที่เซฟมาได้โดยตรง ดังนั้นเราต้องทำใหม่ทั้งหมดครับ) ในที่นี้รูปเดิมมีขนาด 232*63 pixels ครับ ผมก็ต้องสร้างพื้นที่ทำงานในPhotoshop ให้มีขนาด 232*63 pixels เช่นกันครับ

5.ตกแต่งIcon แบบใหม่ของเราตามต้องการและบันทึกรูปเป็น .GIF ควรใช้ชื่อเหมือนอันเดิมทุกอย่าง หรือแทนที่รูปเดิมก็ได้ครับเพื่อเวลาไปวางตำแหน่งแทนที่เดิมในโค้ดจะได้ไม่งง แค่หาชื่อเหมือนกัน แล้วแทนที่ลงไป


6.เมื่อตกแต่งแล้วให้ทำการเอารูปไปฝากไว้ที่ FileManager ฝากรูปของเรา(ในPost) ขั้นตอนการฝากรูปขอให้อ่านในเอนทรีก่อนหน้านี้นะครับ
http://www.oknation.net/blog/Photoshop-Tips/2008/10/17/entry-1
เมื่อเราได้ตำแหน่ง url แล้ว ก็ให้นำไป Paste แทนที่ตำแหน่งเดิมของมัน กดบันทึก และเลือกแท็ป Preview ก็จะเห็นส่วนที่เปลี่ยนแปลงในทันทีครับ ขอให้ลองแค่รูปเดียวก่อนครับ ถ้าทำผ่าน การแก้ไข Icon อื่นที่เหลือทั้งหมดก็ใช้วิธีเดียวกันครับ

ลองดูนะครับติดขัดตรงไหนมาโพสถามไว้ที่คอมเมนต์นะครับ ขอบคุณครับ



อ่านความคิดเห็น

ความคิดเห็นที่ 6
hdiamond วันที่ : 19/11/2008 เวลา : 17.05 น.
http://oknation.nationtv.tv/blog/hdiamond

(0)
อธิบายเข้าใจง่ายดีครับ

แถมยังมีเทคนิคที่ทำไม่ให้งงด้วย

ขอบคุณมากๆครับ
ความคิดเห็นที่ 5
Je@b วันที่ : 30/10/2008 เวลา : 22.20 น.
http://oknation.nationtv.tv/blog/wujira

(0)
ดีจังเลยค่ะ ...

น่าจะมี css แบ่งให้เพื่อน ๆ มั่งเนอะ

แบบว่าหลาย ๆ แบบอ่ะ

ใน ok มีให้เลือกน้อยไปหน่อย ...

สีสันบ้านนี้ สวย classic ดีจังเลยค่ะ

ไว้แนะนำส่วนอีก ๆ อีกนะคะ ...

จะขอมาเป็นลูกศิษย์บ้านนี้มั่ง :)




ขอบคุณล่วงหน้านะคะ
ความคิดเห็นที่ 4
คนในแผ่นดิน วันที่ : 30/10/2008 เวลา : 20.08 น.
http://oknation.nationtv.tv/blog/ninja45
เขียนไม่เก่ง แต่อยากเขียน

(0)
ท่านอาจารย์ที่มีแต่ให้ คิดหาเรื่องนำประโยชน์มาให้อีกแล้ว!!!! สุดยอดครับ
ความคิดเห็นที่ 3
คนโทใส่น้ำ วันที่ : 30/10/2008 เวลา : 19.25 น.
http://oknation.nationtv.tv/blog/konto
It's not where you start. It's where you finish.

(0)
แจ่มครับ แม้จะเคยทำอยู่แล้ว ยังต้องมาอ่านว่ามีอะไรที่เราต้องปรับปรุง
ความคิดเห็นที่ 2
ลูกเสือหมายเลข9 วันที่ : 30/10/2008 เวลา : 17.12 น.
http://oknation.nationtv.tv/blog/chai
<<==แวะไปทัก..แล้วคุณจะรักหนุ่มคนนี้

(0)
ความคิดเห็นที่ 1
www.pierra-vejjabul.com วันที่ : 30/10/2008 เวลา : 16.03 น.
http://oknation.nationtv.tv/blog/vejjabul

(0)
.. ขอบคุณ ค่ะ
.
จะลองทำดู ....... ไม่รู้จะทำได้เปล่า
.
แสดงความคิดเห็น


ถึง บล็อกเกอร์ ทุกท่าน โปรดอ่าน
   ด้วยทาง บริษัท จีเอ็มเอ็ม แกรมมี่ จำกัด (มหาชน) ได้ติดต่อขอความร่วมมือ มายังเว็บไซต์และเว็บบล็อกต่าง ๆ รวมไปถึงเว็บบล็อก OKnation ห้ามให้มีการเผยแพร่ผลงานอันมีลิขสิทธิ์ ของบริษัท จีเอ็มเอ็ม แกรมมี่ฯ บนเว็บ blog โดยกำหนดขอบเขตของสิ่งที่ห้ามทำ และสามารถทำได้ ดังนี้
ห้ามทำ
- การใส่ผลงานเพลงต้นฉบับให้ฟัง ทั้งแบบควบคุมเพลงได้ หรือซ่อนเป็นพื้นหลัง และทั้งที่อยู่ใน server ของคุณเอง หรือ copy code คนอื่นมาใช้
- การเผยแพร่ file ให้ download ทั้งที่อยู่ใน server ของคุณเอง หรือฝากไว้ server คนอื่น
สามารถทำได้
- เผยแพร่เนื้อเพลง ต้องระบุชื่อเพลงและชื่อผู้ร้องให้ชัดเจน
- การใส่เพลงที่ร้องไว้เอง ต้องระบุชื่อผู้ร้องต้นฉบับให้ชัดเจน
จึงเรียนมาเพื่อโปรดปฎิบัติตาม มิเช่นนั้นทางบริษัท จีเอ็มเอ็ม แกรมมี่ฯ จะให้ฝ่ายดูแลลิขสิทธิ์ ดำเนินการเอาผิดกับท่านตามกฎหมายละเมิดลิขสิทธิ์
OKNATION



กฎกติกาการเขียนเรื่องและแสดงความคิดเห็น
1 การเขียน หรือแสดงความคิดเห็นใด ๆ ต้องไม่หมิ่นเหม่ หรือกระทบต่อสถาบันชาติ ศาสนา และพระมหากษัตริย์ หรือกระทบต่อความมั่นคงของชาติ
2. ไม่ใช้ถ้อยคำหยาบคาย ดูหมิ่น ส่อเสียด ให้ร้ายผู้อื่นในทางเสียหาย หรือสร้างความแตกแยกในสังคม กับทั้งไม่มีภาพ วิดีโอคลิป หรือถ้อยคำลามก อนาจาร
3. ความขัดแย้งส่วนตัวที่เกิดจากการเขียนเรื่อง แสดงความคิดเห็น หรือในกล่องรับส่งข้อความ (หลังไมค์) ต้องไม่นำมาโพสหรือขยายความต่อในบล็อก และการโพสเรื่องส่วนตัว และการแสดงความคิดเห็น ต้องใช้ภาษาที่สุภาพเท่านั้น
4. พิจารณาเนื้อหาที่จะโพสก่อนเผยแพร่ให้รอบคอบ ว่าจะไม่เป็นการละเมิดกฎหมายใดใด และปิดคอมเมนต์หากจำเป็นโดยเฉพาะเรื่องที่มีเนื้อหาพาดพิงสถาบัน
5.การนำเรื่อง ภาพ หรือคลิปวิดีโอ ที่มิใช่ของตนเองมาลงในบล็อก ควรอ้างอิงแหล่งที่มา และ หลีกเลี่ยงการเผยแพร่สิ่งที่ละเมิดลิขสิทธิ์ ไม่ว่าจะเป็นรูปแบบหรือวิธีการใดก็ตาม 6. เนื้อหาและความคิดเห็นในบล็อก ไม่เกี่ยวข้องกับทีมงานผู้ดำเนินการจัดทำเว็บไซต์ โดยถือเป็นความรับผิดชอบทางกฎหมายเป็นการส่วนตัวของสมาชิก
คลิ้กอ่านเงื่อนไขทั้งหมดที่นี่"
OKnation ขอสงวนสิทธิ์ในการปิดบล็อก ลบเนื้อหาและความคิดเห็น ที่ขัดต่อความดังกล่าวข้างต้น โดยไม่ต้องชี้แจงเหตุผลใดๆ ต่อเจ้าของบล็อกและเจ้าของความคิดเห็นนั้นๆ
   

กลับไปหน้าที่แล้ว กลับด้านบน