• ครูพักลักจำ
  • ranking : สมาชิกทั่วไป
  • email : protocom888@hotmail.com
  • วันที่สร้าง : 2008-09-20
  • จำนวนเรื่อง : 26
  • จำนวนผู้ชม : 602044
  • จำนวนผู้โหวต : 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 ]


วันศุกร์ ที่ 17 ตุลาคม 2551
Posted by ครูพักลักจำ , ผู้อ่าน : 6170 , 14:11:53 น.  
หมวด : วิทยาศาสตร์/ไอที

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

ขอทำความเข้าใจก่อนนะครับว่าที่ผมเขียนเอนทรีนี้ขึ้นมา มิได้ต้องการโชว์พาวแต่ประการใดทั้งสิ้นและในฐานะน้องใหม่คนหนึ่งที่รู้สึกว่า บล็อกสำเร็จรูปที่เขามีให้มา มันยังไม่ถูกใจบวกกับความ มือซน!! จึงลงมือแก้ไขบล็อกของตนเองทีละขั้น ปรับแต่งแก้ทีละบรรทัดจนได้ Blog แบบที่ผมพึงพอใจเพื่อให้มันแสดงออกถึงความเป็นตัวตนของผม ดังนั้นจึงเห็นใจมือใหม่มือซนอีกหลายท่านที่อยากปรับแก้ของตนเองแต่ไม่รู้จะเริ่มยังไงก่อนดี ผมจึงอยากแทรกวิธีแก้ CSS แบบทำตามทีละขั้นแล้วได้เลย เพื่อให้ผู้ที่ชื่นชอบการตกแต่งภาพด้วยPhotoshop สามารถตกแต่งภาพแบบที่ตัวเองชอบ แล้วนำไปแต่งBlog ของตัวเองเพื่อแสดงให้ผู้ที่เข้าชมบล็อกเราทราบว่าเรานำเสนอเรื่องราวเกี่ยวกับอะไร  มาเริ่มกันเลยครับ

1.คุณต้องรู้ก่อนว่า Header ของBlog แบบที่คุณใช้มีขนาดเท่าใด โดย
   1.1 login เข้าไปที่บล็อกของคุณ เลือก "เปลี่ยนรูปแบบ"
         

    1.2 เลือกแท๊ป Template แล้วเลือก แก้ไข CSS ดังรูป
        

     1.3 เลื่อนหาคำว่า /* ส่วนของ header */ ในภาพประกอบจะบอกว่าแบบที่ผมเลือกใช้อยู่ header มีความสูง
           400px (แล้วหน้ากว้างล่ะ? อ๋อ มันตายตัวเลยครับว่าต้อง 1004 px) แปลว่าถ้าเราไปตกแต่งรูปในPhotoshop แล้วเอารูปเรามาแทนรูปเดิมได้พอดี เราต้องเซตพื้นที่ทำงานในPhotoshop ให้มีขนาด W1004*H400 ครับ
       


        


2.ทำการแต่งรูปในPhotoshop จนได้ภาพที่เราพอใจ และเลือกเซฟรูปแบบ Save for Web... ดูให้ดีตอนเซฟอย่าให้ขนาดข้อมูลของภาพ เกิน 100KB นะครับ ไม่งั้นจะเอาไปอัพไม่ขึ้น(ตอนเซฟเลือก Quality 60 ก็จะเซฟผ่านทุกรูปครับ)

3.ต้องนำรูปของเราไปฝากไว้ที่เซอร์ฟเวอร์(ในพื้นที่ข้อมูลฝากรูปของเรา)ก่อน โดยกลับมาที่หมวด Post ครับ แล้วคลิกที่รูปแผ่นดิสเกตท์

4.จะขึ้นหน้าต่าง Files Manager ขึ้นมาให้เราสร้างFolder ใหม่ขึ้นมา ผมจะตั้งชื่อว่า CSS เพื่อสื่อถึงว่าแฟ้มนี้ไว้เก็บรูปทั้งหมดที่ผมจะตกแต่งBlog ของผม


5.ผมจะคลิกที่แฟ้มที่ผมตั้งชื่อว่าCSS แล้วทำการอัพภาพHeader ที่ผมสร้างขึ้นมาใหม่มาไว้ที่แฟ้มนี้ จากนั้นกดคำว่า view มันก็จะโชว์ตำแหน่ง URL ของภาพที่เราฝากนี้ที่เซอร์ฟเวอร์ ให้เราคลิกปุ่ม copy เพื่อทำการจำ URL ไว้ชั่วคราว

6.จากนั้นให้ไปคลิกที่แท๊ป Template และคลิกปุ่ม แก้ไข CSS และหาบรรทัดที่เขียนว่า/*ส่วนของหัว Header*/ แล้วแดรกเมาส์คร่อมURLเดิมที่อยู่ในวงเล็บทั้งหมด แล้วคลิกขวาเลือก Paste เพื่อทำการบอกเซอร์เวอร์ว่า ต่อไปรูปส่วนHeader ของเราให้ใช้รูปใหม่ตามที่อยู่ดังต่อไปนี้ แล้วอย่าลืม กดปุ่ม บันทึกนะครับ เราก็จะได้ Header ใหม่ทันที


*หมายเหตุ ถ้าHeight เดิมของHeader = 324 และถ้าเราทำภาพมาเช่น W1004*H500 เวลาเราไปวางมันจะแสดงภาพใหม่ของเราแค่ 1004*324 นะครับ ส่วนล่างๆของภาพจะหายไป ดังนั้นถ้าเราอยากวางไว้ครบทั้งภาพ ก็ให้แก้ตัวเลขตรง Height : 324px เป็น Height : 500px ด้วยครับ มันจึงจะแสดงภาพได้ครบ

คราวหน้าผมจะแนะวิธีเอา icon มันมาแก้เป็นรูปที่เราชอบ แล้ววางคืน เพื่อให้กลมกลืมกับHeader ของ Blogเราครับ



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

ความคิดเห็นที่ 23
นักเดินเที่ยว วันที่ : 22/04/2012 เวลา : 01.27 น.
http://oknation.nationtv.tv/blog/mytwofeet

(0)
ทำสำเร็จเรียบร้อย ขอบคุณมากค่ะ
ความคิดเห็นที่ 22
gemlovers วันที่ : 30/08/2010 เวลา : 16.37 น.
http://oknation.nationtv.tv/blog/gemlovers

(0)
ลองทำแล้วค่ะ.....ขอบคุณค่ะ....ได้ความรู้มากๆ
ความคิดเห็นที่ 21
T.GAng วันที่ : 06/08/2010 เวลา : 10.32 น.
http://oknation.nationtv.tv/blog/naturegang
ร่วมท่องเที่ยวแบบฮาๆ ตามประสา "เดอะแก๊งค์"   http://www.oknation.net/blog/tripbythegang

(0)
ขอเป็นลูกศิษย์ด้วยคนนะคะ..แบบว่าเป็นมือใหม่ที่มือซนพอสมควรเชียวล่ะ..เขียนบล็อกยังไปไม่ถึงไหนเลยเริ่มเปลี่ยนหน้าตาบล็อกซะเกือบเละแล้วอิอิอิ
ความคิดเห็นที่ 20
kruhnoi วันที่ : 14/01/2009 เวลา : 23.32 น.
http://oknation.nationtv.tv/blog/kruhnoi
You're my destiny !!!.        (kruhnoi ครูหน่อย)...

(0)
จะลองทำดูนะคะ..ขอบคุณค่ะ

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

(0)
ทำเฮดได้แล้วครับ ขอบคุณมากๆๆๆๆๆ
ความคิดเห็นที่ 18
hdiamond วันที่ : 19/11/2008 เวลา : 17.10 น.
http://oknation.nationtv.tv/blog/hdiamond

(0)
อยากเปลี่ยนมากๆแต่ไม่รุเรื่องอะไรเลย

ขอบคุณมากๆครับ จะลองไปทำดู
ความคิดเห็นที่ 17
plejang วันที่ : 20/10/2008 เวลา : 08.51 น.
http://oknation.nationtv.tv/blog/plejang
::  Plejang  ::  + + ... ข อ ใ ห้ รั ก จ ง เ จ ริ ญ ....+ + ::

(0)
ขอบคุณสำหรับเทคนิคคะ ว่าง ๆจะลองทำดูจร้า

ขอบคุณมากนะค่ะ สำหรับคำอวยพร ขอให้มีความสุขเช่นกันค่ะ

เปิ้ลค่ะ
ความคิดเห็นที่ 16
ณัฐรดา วันที่ : 20/10/2008 เวลา : 04.40 น.
http://oknation.nationtv.tv/blog/nadrda
ถ้า "เรา" ไม่พึงมี  "ของเรา" จักมีมาแต่ไหน

(0)
ให้ความรู้ได้ดีมากเลยค่ะ ขอปริ้นท์เก็บไว้ดูนะคะ
ความคิดเห็นที่ 15
จันทร์วารี วันที่ : 19/10/2008 เวลา : 22.38 น.
http://oknation.nationtv.tv/blog/waranin
คือ..จันทร์วารี  : สวัสดี.. ม่านหมอกและหยาดน้ำค้าง/กลุ่มเขียนข้าว

(0)
ต้องลองทำเองซะมั่งแล้วเรา
ความคิดเห็นที่ 14
คนโทใส่น้ำ วันที่ : 18/10/2008 เวลา : 10.14 น.
http://oknation.nationtv.tv/blog/konto
It's not where you start. It's where you finish.

(0)
ปกติผมเอารูปไปเก็บในโหมด picture เพราะส่วนมากทำภาพเกิน 100 kb อ่ะ เลยไม่เคยเก็บใน file manager เลย
ความคิดเห็นที่ 13
คนในแผ่นดิน วันที่ : 18/10/2008 เวลา : 00.49 น.
http://oknation.nationtv.tv/blog/ninja45
เขียนไม่เก่ง แต่อยากเขียน

(0)
ความรู้ดีๆ ขอบคุณครับ มีเวลาต้องทำบ้าง
ความคิดเห็นที่ 12
slipknot วันที่ : 17/10/2008 เวลา : 23.56 น.
http://oknation.nationtv.tv/blog/slipknot
ถึงเป็นผี...ก็เป็นผีมี..หัวใจ...นะเฟร้ยยยยยย

(0)
โหวตเป็นกำลังใจ...
ความคิดเห็นที่ 11
slipknot วันที่ : 17/10/2008 เวลา : 23.56 น.
http://oknation.nationtv.tv/blog/slipknot
ถึงเป็นผี...ก็เป็นผีมี..หัวใจ...นะเฟร้ยยยยยย

(0)
ดีแล้วครับ..ผมเองก็มีปัญหา..มีโฟโต้ชอป..แต่ใช้ไม่เป็น
ความคิดเห็นที่ 10
รวงข้าวล้อลม วันที่ : 17/10/2008 เวลา : 20.17 น.
http://oknation.nationtv.tv/blog/roungkaw
กัลยาณมิตร    เป็นสิ่งหาง่ายเสมอ   แค่รู้จักคำว่า....ให้....และคำว่า...รับ 

(0)
เล่นในโฟโต้ชอบก็ดีเหมือนกันนะ โดยปกติที่เคยทำ ทำใน paint ค่ะ ดีค่ะ ได้ความรู้ไปอีกรูปแบบหนึ่ง

.............................................................

เห็นด้วยอย่างยิ่งครับครู ผมว่าปัญหาที่เกิดทุกวันนี้เพราะคนไทยส่วนหนึ่ง(มากเสียด้วย)ขาดศีลธรรมครับ รู้ว่าผิด รู้ว่าชั่ว แต่ก็ยังทำ ผมคิดไม่เหมือนชาวบ้านอย่างหนึ่งคือ ผมว่าเด็กรุ่นใหม่ ป1.-ป.6 ควรเน้นเรียนศีลธรรมมากว่าวิชาอื่น และเรียนให้เป็น 4 คาบ ใน8คาบ ของแต่ละวัน มากกว่าที่จะแข่งกันปั้นให้เขาเป็นเด็กอัจฉริยะ เพราะเก่งแล้วได้อะไรหรือถ้าไม่มีคุณธรรม มันก็คือระเบิดมหาปลัยที่เดินได้ และรอวันระเบิดเท่านั้นเอง คนไทยเดินตามฝรั่งจนลืมความสำคัญของศีลธรรม ฝรั่งเก่งแล้วอย่างไรล่ะทุกวันนี้ก็พิสูจน์แล้วว่าพังไม่เป็นท่า ปัญหาสังคมมีมากมายและซับซ้อน(แต่ซ่อนเอาไว้) ผมเชื่อว่า คนเก่งน่ะใครๆก็ยกย่อง แต่เก่งด้วยและมีศีลธรรมด้วยถือว่าสุดยอดคน ถ้าเก่งแล้วไร้ศีลธรรม มันก็แค่ระเบิดเวลาที่เดินได้เท่านั้นเองครับ

..................................................................

ค่ะ เห็นด้วยอย่างยิ่งนะ กับแนวคิดนี้
ความคิดเห็นที่ 9
คนเคยดี วันที่ : 17/10/2008 เวลา : 16.21 น.
http://oknation.nationtv.tv/blog/jandaeng
.....คนเราพบกัน  ไม่ใช่เรื่องบังเอิญ...! 

(0)
ตามมาลักจำด้วยคนนะ
ความคิดเห็นที่ 8
ครูพักลักจำ วันที่ : 17/10/2008 เวลา : 15.46 น.
http://oknation.nationtv.tv/blog/Photoshop-Tips

(0)
ไม่เป็นไรครับ ทำรูปขนาด 300-500 มาเลยครับ แล้วอัพเสร็จแล้วแก้ค่า 100 มาเป็น 300-500 ตามรูปเราครับ ใช้ได้เหมือนกันครับ
ความคิดเห็นที่ 7
thebeegees วันที่ : 17/10/2008 เวลา : 15.34 น.
http://oknation.nationtv.tv/blog/thebeegees

(0)
แต่ของผมแบบ 1 มันสั้นเหลือเกินครับ แค่ 100 เอง
ความคิดเห็นที่ 6
ณดาว วันที่ : 17/10/2008 เวลา : 15.13 น.
http://oknation.nationtv.tv/blog/petpetpe

(0)
อืมมมมมม ต้องลอง
ความคิดเห็นที่ 5
thebeegees วันที่ : 17/10/2008 เวลา : 15.12 น.
http://oknation.nationtv.tv/blog/thebeegees

(0)

ขอบคุณมากคร้ายบบบบบบ จะได้เปลี่ยนรูปแบบกับเค้าสักที
ความคิดเห็นที่ 4
ไอ้เสือน้อย วันที่ : 17/10/2008 เวลา : 14.58 น.
http://oknation.nationtv.tv/blog/bravo

(0)
ต้องลอง ขอบคุณมากครับ
ความคิดเห็นที่ 3
www.pierra-vejjabul.com วันที่ : 17/10/2008 เวลา : 14.32 น.
http://oknation.nationtv.tv/blog/vejjabul

(0)
............. น่าสน
ความคิดเห็นที่ 2
ChaiManU วันที่ : 17/10/2008 เวลา : 14.22 น.
http://oknation.nationtv.tv/blog/chaimanu
   ทำงานให้สนุก  เป็นสุขกับการทำงาน    

(0)
ขอบคุณครับ
ขอเก็บไว้ก่อน
ไว้ว่างๆจะขอลองมั่ง
ความคิดเห็นที่ 1
Kibangkok วันที่ : 17/10/2008 เวลา : 14.16 น.
http://oknation.nationtv.tv/blog/thaithai
สีน้ำ(มือสมัครเล่น)และเรื่องราวชิวชิวที่ไร้สาระของผู้ชายหน้าแก่     .    ลุงกิ๊..

(0)
เดี่ยวลองมั่งครับ ขอบพพระคุรมากครับ
แสดงความคิดเห็น


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



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

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