• Wazzup
  • ranking : สมาชิกทั่วไป
  • email : wazzup777@gmail.com
  • วันที่สร้าง : 2007-04-04
  • จำนวนเรื่อง : 6
  • จำนวนผู้ชม : 2594
  • จำนวนผู้โหวต : 14
  • ส่ง msg :
Wazzup
Def from บ้านนอก
Permalink : http://www.oknation.net/blog/wazzup
วันศุกร์ ที่ 6 เมษายน 2550
√ วิธีแต่งหน้าบล็อก: Wazzup's Quick and dirty way to Making a hot looking blog
Posted by Wazzup , ผู้อ่าน : 364 , 16:09:03 น.  
พิมพ์หน้านี้


ตามที่ได้โฆษณาไว้ว่าจะบอกวิธีแก้ไขหน้าบล็อกให้สวยๆเท่ๆแบบที่เห็นนี้  แต่..

มีคนเสนอวิธีแต่งหน้าบลอกไปแล้ว คือคุณ ปิรันย่า หาอ่านได้ที่ New Blogger มือใหม่หัดขับ ของคุณปิรันย่า (เจอลิ้งค์มาจาก โอเคซามูไร)

ต่อไปนี้เป็นวิธีแก้ไขหน้าบล็อกของผมเอง แบบสายฟ้าแล็บแทงกลางขั้วหัวใจ

อุปกรณ์:

  1. โปรแกรมแต่งรูป เช่น Photoshop หรือ Gimp (ผู้ใช้ Windows ดาวน์โหลดฟรีไม่มีพันธะได้ที่นี่ อย่าลืมลง GTK+ 2 Runtime)
  2. ไม่มี

ขาดไม่ได้

  • สมาชิกโอเคเนชั่น

มีก็ดี

ขั้นตอน

  1. ล็อกอิน -> คลิกชื่อบลอก -> คลิกTemplate  -> กดปุ่ม แก้ไข CSS
  2. มองดูในกรอบสี่เหลี่ยม มันคือข้อมูลหน้าตาของบลอก .. แบ่งเป็นส่วนๆตามคำอธิบายภาษาไทย .. อยากแก้ส่วนไหน ถอดเลย มองไปที่ตัวภาษาอังกฤษใต้คำอธิบาย
  3. มองหา เครื่องหมาย #ตามด้วย เลขหรืออักษรหกตัว เช่น #33DD33  ทั้งหมดนี้คือรหัสสี .. เราจะเปลี่ยนสีตามความอยากของเรา
  4. ใน Photoshop หรือ Gimp จะมีส่วนที่ใช้เลือกสี เวลาเลือกแล้วจะมีรหัสสีให้ดู (ลองใช้เอาเอง ขี้เกียจอธิบาย เดี๋ยวยาวเกิน) หรือจะใช้โปรแกรมดูดสี Colorpix ไปดูดสีที่เราปรานาจากที่ไหนก็ได้บนจอ
  5. เอารหัสที่สมใจอยาก มาเขียนแทนที่รหัสสีที่เราอยากเปลี่ยน
  6. ขณะแก้ไข ถ้าเจอ background:url(http:// ยาวๆๆๆๆ.gif) ... มันคือ ไฟล์รูปภาพที่ประดับอยู่บนบลอกเรา .. ไปดูกันว่าหน้าตามันเป็นยังไง
  7. ก็อปปี้ http:// ยาวๆๆๆๆ.gif แล้วเปิดวินโดวใหม่ ไปแปะบน Address .. รูปจะขึ้นมาให้ดู ถ้าอยากแก้ก็จัดการซะ
  8. แก้รูปด้วยโปรแกรมแต่งรูปที่เราคุ้นมือคุ้นใจ (ถ้าไม่คุ้นซักอัน ก็ได้เวลาหัด หรือไปอ้อนคนอื่นทำให้)
  9. อัพโหลดรูปใหม่ลงในบลอกเรา โดยคลิกขวาที่ Picture  แล้วเลือก Open Link In New  Window
  10. อัพโหลดรูปซะ (เพิ่ม Gallery  แล้วก็มั่วต่อเองนะ)
  11. ได้รูปแล้วไปที่หน้าบลอกเรา กด Photo Gallery  เลือกรูปที่โหลดไปเมื่อกี๊ รอรูปโหลดเสร็จแล้ว คลิกขวาที่รูป เลือก Properties  แล้วก๊อป Address  ซะ
  12. เอา Address นี้ไปแทนที่ http:// ยาวๆๆๆๆ.gif ที่เราไม่อยากได้
  13. ทำซ้ำข้อ 2 - ข้อ 12 ไปจนกว่าจะสมใจ
  14. กดปุ่ม บันทึก

จบ


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

ความคิดเห็นที่ 23
tortoise วันที่ : 28/12/2007 เวลา : 21.38 น.
http://www.oknation.net/blog/tortoise
บางครั้งการโกหกครั้งใหญ่   ก็สามารถเปลี่ยนแปลงชีวิตของคนได้

เหอๆ มันติดตรง menu tab blog gallery video ที่เลือก section จะเปลี่ยนสีมันเปลี่ยนไม่ได้อ่าครับ ทำไงดี
ความคิดเห็นที่ 22
เจ้านกน้อย วันที่ : 21/12/2007 เวลา : 02.01 น.
http://www.oknation.net/blog/Le-Petit-Prince


มาหาวิที่ทำบล็อกครับ
ยังทำไม่เป็นเลย
อิอิ
ความคิดเห็นที่ 21
jommann วันที่ : 15/05/2007 เวลา : 16.35 น.
http://www.oknation.net/blog/jommann
ประสบการณ์สอนให้เราได้เรียนรู้ ในสิ่งที่ผิดพลาด-->(JM)

perfect thk a lot
ความคิดเห็นที่ 20
Yai_Nid วันที่ : 07/04/2007 เวลา : 14.49 น.
http://www.oknation.net/blog/YaiNid
เที่ยว Melbourne..ที่นี่  Love U..OK?..รักนะ..ได้มั้ยล่ะhttp://www.oknation.net/blog/konlangkow

ต้องหาเวลาลองทำบ้าง
ได้ความอย่างไรจะกลับมารายงานค่ะ
ขอบคุณที่แบ่งปัน..
ความคิดเห็นที่ 19
Wazzup วันที่ : 07/04/2007 เวลา : 14.25 น.
http://www.oknation.net/blog/wazzup
Now Playing

sertphoto
ทำเสร็จแล้วมาบอกด้วยนะครับ

ซามูไรไม่มีลูกอ่อน
ชอบอ่านโอเคซามูไรครับ หนุกมาก .. รอเรื่องใหม่อยู่ เมื่อไหร่จะเขียนครับ

ความคิดเห็นที่ 18
ซามูไรไม่มีลูกอ่อน วันที่ : 07/04/2007 เวลา : 13.29 น.
http://www.oknation.net/blog/oksamurai
 (✿◕‿◕) A mother is a person who seeing there are only four pieces of pie for five people, promptly announces she never did care for pie.  (◕‿◕✿) - Tenneva Jordan - 

ฮ่า ฮ่า ฮ่า...เป็นการสอนตกแต่งบล็อกที่อ่านแล้วสนุกมากค่ะ ขอบอก

ปล.ไปแอบดูลิงค์ของเจ๊โอเคซามูไรมาตั้งแต่เมื่อไหร่คะ
ความคิดเห็นที่ 17
sertphoto วันที่ : 07/04/2007 เวลา : 12.37 น.
http://www.oknation.net/blog/sertphoto
ปล่อยวาง......

เดี่ยวผมจะหัดทำบางนะครับ
ความคิดเห็นที่ 16
Wazzup วันที่ : 07/04/2007 เวลา : 11.11 น.
http://www.oknation.net/blog/wazzup
Now Playing

ปิรันย่า
ยิ้มตาหวานเชียว อิอิ

LukeKaEw
เห็นไปทำพื้นชมพูมาแล้วด้วย สวยนะครับ

Nity
ขอบคุณที่มาดูครับ .. ลองทำยังครับ

มะอึก
คล้ายๆหัดขับรถครับ จายเยนๆ

นายเฉินฉวน
ขอบคุณมากๆครับที่โหวดให้ ขอบคุณทุกท่านที่โหวดให้ด้วยครับ ไปลองแล้วเป็นไงมาเล่าด้วยนะครับ

คนกันเอง
อยากแล้วต้องลองครับ

compile
เนอะ อิอิ .. ลองเปลี่ยนโลโก้ด้วยดิครับ

GPEN
ทำเสร็จแล้วบอกด้วยนะครับ

แก้วกุดั่น
มีซักห้าร้อยสีจะดีมากครับ ลองเลยครับ

มีนา
ขอบคุณที่ชมครับ ผมบ้ายอครับ .. ผมเปลี่ยนขนาดฟ้อนต์เล็กน้อยตรง font-size

ล่างฟานหวิน
ขอบคุณที่โฆษณาให้ครับ .. ตรงโลโก้ต้องเปลี่ยนไฟล์รูปครับ ทำมาเองใหม่แล้วโหลด แบบที่บอกในขั้นตอนท้ายๆ

patijjachon
ทำพังก็เอาของเดิมคืนได้ครับ แค่กดปุ่ม "ยกเลิกการแก้ CSS"

ความคิดเห็นที่ 15
patijjachon วันที่ : 07/04/2007 เวลา : 01.48 น.
http://www.oknation.net/blog/patijjachon
ปฏิจจชน ... คนที่ยังเป็นหนี้แผ่นดิน

ขอบคุณครับ ... อยากลองเหมือนกัน แต่บอกตรง ๆ ใจไม่ถึง กลัวทำแล้วเพี้ยนไป กลับมาแบบเดิมไม่ได้
ความคิดเห็นที่ 14
ล่างฟานหวิน วันที่ : 07/04/2007 เวลา : 01.16 น.
http://www.oknation.net/blog/langfanvhin
ประตูสวรรค์ หิมะทองคำ เต่าทองแดง เขากิเลน หนวดมังกร เขี้ยวพยัคฆ์                         "ไม่มีที่อยู่ สำหรับคนอ่อนแอ" จอมยุทธ์ '

ผมยังติด สีส้ม อันบน ที่เขียน oknation นะครับ

ตรงนั้นถ้าเปลี่ยนต้องเปลี่ยนลิ้งหรือครับ

สีข้างล่างลงตัว มั่วๆ ไป ยังสีตัวอักษร ควาเห็นเป็นสีแดง
ยังหา แก้เปลี่ยนไม่เจอ เดียวค่อยว่างค่อยหา

ทำเสร็จมีคนถามผมหลายคน ว่าทำไง เลยตอบให้กระทุ้
ให้ลิ้ง คุณมานะครับ เพราะเห็น อธิบายไม่อยาก
แต่ ตรง ข้างไหน emplate -> กดปุ่ม แก้ไข CSS
มองดูในกรอบสี่เหลี่ยม >> แบบเขาเขียนสรุปมาไม่บอกว่า มันตรงไหน เลย ต้องนั่งหากันนาน ถ้าอธิบายตรงนั้น ได้ชัดเจน อยู่ โปรแกรมนั่นแก้ตรงไหน ก็ทำบล๋อคไม่ยาก
แต่ธรรมดครับ คนเขียนคือโปรแกรมเม่อ อาจเขียนอะลัดๆ ฐานไว้ว่าตัวเองเข้าใจ ขนาดผมก็จบคอมฯ แต่ได้เขียน โปรแกรมนานแล้ว ก็มึนๆ เหมือนกันละ

ยังติดนิดหน่อย แต่ก็ถือว่า โอเค ผ่านครับ
ความคิดเห็นที่ 13
มีนา วันที่ : 06/04/2007 เวลา : 22.53 น.
http://www.oknation.net/blog/mena
มุมมองของมีนา

CSS นี้สวยค่ะ เพราะตัวหนังสือโตขึ้นอ่านสบายตาด้วย
ความคิดเห็นที่ 12
แก้วกุดั่น วันที่ : 06/04/2007 เวลา : 22.51 น.
http://www.oknation.net/blog/finchy
แล้วโลกจะสวยงาม...

สีบล็อก Oknation จะมีมากกว่า 3 สีแล้วซินะ..
อืม น่าลอง...ไม่ว่ากันนะ...
ความคิดเห็นที่ 11
GPEN วันที่ : 06/04/2007 เวลา : 22.47 น.
http://www.oknation.net/blog/comicbook

จะไปลองทำดูนะครับขอบคุณ
ความคิดเห็นที่ 10
compile วันที่ : 06/04/2007 เวลา : 22.38 น.
http://www.oknation.net/blog/compile
.: Nobody_Perfect :.


แจ๋ว ! ! !
ความคิดเห็นที่ 9
คนกันเอง วันที่ : 06/04/2007 เวลา : 22.28 น.
http://www.oknation.net/blog/tt
...Daily ,  Emotion  and  season  of  Asia... 

อยากเหมือนกันแหล่ะ..แต่ไม่รู้จะไหวหรือเปล่าเดี่ยวจะลองทำดู
ความคิดเห็นที่ 8
นายเฉินฉวน วันที่ : 06/04/2007 เวลา : 21.33 น.
http://www.oknation.net/blog/rickypong22
    <<เมื่อมั่งมีมากมายมิตรหมายมอง....... เมื่อมั่งหมองมิตรมองเหมือนหมูหมา>> <<เมื่อหมดมิตรหมางเมินมุ่งมองมา เมือมอดม้วยแม่หมูหมาไม่มามอง>>

ขอบคุณครับจะลองทำดู +1 โหวต ข้อหาถูกใจ
ความคิดเห็นที่ 7
มะอึก วันที่ : 06/04/2007 เวลา : 19.58 น.
http://www.oknation.net/blog/panakom


คนโง่อย่านายมะอึก
จะทำความเข้าใจ
แม้จะใช้เวลานาน....แสนนาน


ความคิดเห็นที่ 6
Nity วันที่ : 06/04/2007 เวลา : 19.36 น.
http://www.oknation.net/blog/nity
โลกหลากแบบ จึงมองได้หลายมุม!

แวะมาดูเทคนิคครับ
ความคิดเห็นที่ 5
LukeKaEw วันที่ : 06/04/2007 เวลา : 19.06 น.
http://www.oknation.net/blog/lukekaew
สบาย สบาย

ยากมั้ยอะ
ความคิดเห็นที่ 4
ล่างฟานหวิน วันที่ : 06/04/2007 เวลา : 18.58 น.
http://www.oknation.net/blog/langfanvhin
ประตูสวรรค์ หิมะทองคำ เต่าทองแดง เขากิเลน หนวดมังกร เขี้ยวพยัคฆ์                         "ไม่มีที่อยู่ สำหรับคนอ่อนแอ" จอมยุทธ์ '

โพสที่คุณอ้างถึง นะ ผมเคยเข้าไปหา 2-3 รอบ
หาไม่เจอจริงๆ

ขอบคุณมากครับ เอาแค่ เปลี่ยนสี เท่ๆ ก่อนครับ
พอทำได้ ที่ยากๆ ค่อยเขามาศึกษา อีกที
เพราะต้องออกแบบ ด้วย ไม่ค่อยมีเวลา มากครับ
แต่คุณอธิบายขั้นตอนการทำได้ง่ายครับ
พร้อมให้โค๋ต สีมาเลย
อย่างนี้ ทำได้ครับ

thank you
ความคิดเห็นที่ 3
ปิรันย่า วันที่ : 06/04/2007 เวลา : 17.09 น.
http://www.oknation.net/blog/nanahahe
ฉันเป็นไม้ขีดหนึ่งก้าน จะขอจุดเทียนสักล้านเล่ม...

อิอิ รวดเร็วทันใจ

ความคิดเห็นที่ 2
ล่างฟานหวิน วันที่ : 06/04/2007 เวลา : 16.45 น.
http://www.oknation.net/blog/langfanvhin
ประตูสวรรค์ หิมะทองคำ เต่าทองแดง เขากิเลน หนวดมังกร เขี้ยวพยัคฆ์                         "ไม่มีที่อยู่ สำหรับคนอ่อนแอ" จอมยุทธ์ '

อืม ยอดเยี่ยม ครับ

กำลังอยู่ พอดี

ผมศึกษาแป๋บ เดียวเอาเป็นต้นแบบ ในการทำ
แต่ไม่รู้เข้าใจยากไหมนะ เพราะยังไม่อ่าน
ตอบความเห็นก่อนครับ
ความคิดเห็นที่ 1
feng_shui วันที่ : 06/04/2007 เวลา : 16.17 น.
http://www.oknation.net/blog/buzz
feng_shui

Cool
คอมเมนต์ถูกปิด หรือ คอมเมนต์ได้เฉพาะสมาชิก
เข้าสู่ระบบ   |   สมัครสมาชิก