ตอนนี้นิ้วก็พอใช้ได้บ้างแล้วล่ะค่ะ =w=" ( เมื่อวันแรกแสบมาก รู้สึกปวดไปทั้งแขน )
 
แต่เราเคยฉีดยากันพิษสุนัขบ้าให้น้องหมาแล้วค่ะเลยไม่กลัวเท่าไหร่...
 
//นอกเรื่องละ
 
 
คือเราเห็นว่ามีหลายคนที่ชอบการตกแต่งธีมในแบบของเรา อันที่จริงอย่างที่บอกในเอนทรี่แรกค่ะ
 
ขอบคุณลุงเต่า onsenturtle มากๆเลยค่ะ ที่ให้ยืมใช้ css แล้วเราก็นำมาชำแหละเปลี่ยนรูปเปลี่ยนโน่นนี่
 
จนกลายมาเป็นของเราเอง จิ้มไปดูที่บล๊อกลุงเต่าแล้วเปรียบเทียบได้เลยค่ะว่าเหมือนกันจริงๆ
 
 ไอวิธีแนะนำ css เราก็ไม่ค่อยเป็น เอาเป็นว่า จะแนะนำเรื่องการตกแต่งภายนอกแทนแล้วกันนะคะ
 
ก่อนจะเปิดบล๊อกเราถามลุงเต่าอยู่บ่อยมากๆกว่าจะกลายมาเป็นธีมอยางตอนนี้ได้
 
 
มาเริ่มกันเลย ~~
 
 
Step.1 อยากให้ดูหรูเริ่ดเรียบควรมีโทนบล๊อกเป็นสีขาว
 
: พอมีโทนหลักเป็นขาวก็ให้เลือกโทนรองมาอีกค่ะ ถ้าเป็นสีโทนเย็นๆอย่างฟ้า เขียว หรือเอาหรูๆ
 
ก็พวกแดง ม่วง ชมพู ได้เลยค่ะ แล้วใช้โทนรองตกแต่งหัวข้อต่างๆ ให้เหมือนกันหมดจะทำให้บล๊อกดู
 
มีระเบียบขึ้นค่ะ
 
 
Step.2 ฟอนต์ที่ใช้ตกแต่งบล๊อกควรเป็นฟอนต์เรียบๆ
 
: แต่ว่าไม่ต้องถึงกับเรียบขนาด Angsana New ก็ได้ค่ะ ถ้าแบบนั้นอาจจะดูเรียบเกินไป
 
อย่างคำว่า KITSUNE BLEAR ด้านบนสุดบล๊อกเราใช้ฟอนต์ Arial
 
ตรงหัวข้อของวิดเจ็ทแต่ละอันเราคิดว่าน่าจะเป็นฟอนต์เดียวกันนะ
 
โลโก้ไฟฟอกซ์เราใช้ฟอนต์ Agency FB
 
เราคิดว่าถ้าใช้ฟอนต์ที่ซับซ้อนตวัดๆอาจจะสวยก็จริงแต่มันไม่ได้อยู่ในแพทเทิร์นสไตล์เรียบหรู
 
เท่าไหร่น่ะค่ะ แต่จะใช้ก็ไม่ได้ห้ามกันค่ะ เพราะนี่เป็นเพียงความคิดเห็นของเราเท่านั้น
 
 
Step.3 มาแก้ปัญหาเรื่องเฮดบล๊อกกัน
 
: คือเราคิดว่าถ้าไม่มีใครสังเกตจริงๆก็จะไม่รู้น่ะค่ะว่าเฮดบล๊อกที่แท้จริงเราคือรูปนี้
 
 
เพราะทุกคนมักจะคิดว่าเป็นรูปสาวน้อยอู้ CG รูปนี้กันหมด
 
 
PS. ตอนนี้ไม่ใช่รูปนี้แล้วเน้อ แต่ขี้เกียจแก้เอนทรี่ ฮา...
 
 
เนียนใช่ไหมล่ะค่ะ =w=" แถมจะได้ไม่มีปัญหากับ css ของบล๊อกด้วย เราใช้วิธีนี้ค่ะ
 
1.เข้าไปใน Manage > Theme > Widgets
 
2.เลือกวิดเจ็ท custom code อันไหนก็ได้มาซักอันแล้วลากมาใส่ตรง Top menu ค่ะ
 
3.สำรวจขนาดเฮดบล๊อกที่ควรใส่ให้ชัดเจน วิธีตรวจเราก็ crop รูปเฮดจากเจ้าของธีมมาแล้วมาจัดการ
 
กับขนาดรูปภาพของเราเองในโฟโต้ช๊อปให้เรียบร้อย รูปของเราขนาด 938 x 397 ค่ะ
 
4.นำรูปที่เราจะใช้เป็นเฮดปลอมไปฝากซะ แล้วก็อปตรง HTML code ที่เป็น Full size มาใส่ใน
 
custom code อันเมื่อกี้
 
5.เซฟธีมแล้วกด F5 ให้เรียบร้อย 
 
จะเห็นว่าเราจะไร้ปัญหาในส่วนของ css code ส่วนเฮดจริงๆเราก็นำลิงค์รูปไปใส่ใน cover image
 
ธรรมดาค่ะ 'w' เอง ง๊ายง่ายเน๊อะ =w=~~
 
แถมรูปเฮดแบบนี้จะเปลี่ยนได้ง่ายกว่าเปลี่ยนใน css ปกติอีกด้วย
 
 
Step.4 ภาพเฮดบล๊อก
 
: เราเลือกที่จะเอามาจากสแกนหนังสือรวมภาพค่ะ รูปเฮดปัจจุบันของเรามาจากรวมภาพ pixiv 2010 ค่ะ
 
เพราะเราคิดว่ามันหรูดี แถมบางโทนภาพมันเข้ากับธีมของเราเองมาก เลยเลือกมาจากหนังสืออิลลัสค่ะ
 
แต่บางคนอาจจะเลือกที่จะวาดเอง cg เอง มันก็จะเป็นบล๊อกสไตล์เราไปอีกแบบค่ะ =w=
 
 
Step.5 วิดเจ็ทหรูๆ + ใช้งานได้บ่อย
 
: เราเลือกแค่วิดเจ็ทตรวจจับคนดูบล๊อกในขณะนั้นแค่นั้นค่ะ วิทเจ็ทถ้าเว็บนั้นๆเขามีให้เลือกรูปแบบก็
 
น่าจะเลือกรูปแบบที่มันดูเรียบๆมีสไตล์เข้าไว้น่ะค่ะ
 
 
Step.6 สีของกล่องสนทนา
 
: เราคิดว่าควรเลือกให้เข้ากับสีโทนหลักและรองของธีมค่ะ
 
 
Step.7 ทำให้ Favourite เป็นรูปภาพ
 
: เป็นอีกทางนึงที่จะทำให้คนสนใจบล๊อกเราเพราะ Fav เป็นรูปนี่แหล่ะค่ะ คิดว่าคงรู้กันหมดแล้วมั้ง
 
แต่ถ้าใครยังไม่รู้วิธีทำก็จิ้มที่นี่ได้เลยนะคะ **
 
แล้วก็คำที่แสดงขนาด ของเรามีแค่ 2 ค่ะ คือขนาดกลางๆกับซ่อน [+] คือกลางๆ/เอาออกมา  [-] คือซ่อน
 
เราจะไม่ใช้ตัวอักษรเพราะเห็นว่าแบบนี้มันดูเรียบหรูกว่า
 
 
Step.8 ในส่วนของวิดเจ็ท Link
 
: เราแนะนำให้ทำแต่ละลิงค์เป็นรูปค่ะ หรือถ้าเว็บในมีลิงคฺแบนเนอร์แนะนำให้ใช้แบนเนอร์ไปเลย
 
เพราะเราคิดว่าถ้ามีตัวหนังสือต่อกันเป็นพรืดยาวๆคงไม่น่าดูเท่าไหร่หรอก (มั้งนะ...) 
 
แต่ถ้าแบนเนอร์รูปไหนมันวิบวับจนทำให้บล๊อกเราดูไม่หรูก็เอาออกได้ค่ะ
 
 
Step.9 โลโก้ว่าควรเข้าชมด้วยอะไร
 
: อย่างของเรา >> เลื่อนสกรอบาร์ไปบนสุดแล้วมองฝั่งขวา บล๊อกเราควรเข้าชมด้วยไฟฟ๊อกซ์ หน้าจอ
 
ขนาด1024 x 768 ค่ะ ขนาดโลโก้ 200 x 100 pixels ค่ะ 
 
How to ทำโลโก้ง่ายๆ
 
1.ทำพื้นหลังโลโก้ไล่สี ของเราใช้ขาวดำเอาค่ะ
 
2.หารูปไอคอนแบบประมาณแฟนอาร์ตสวยๆมา ปรับให้มันจางๆ แล้วพิมพ์ตัวอักษรที่ต้องการทับลงไป
 
3.หารูปการ์ตูนมาตกแต่ง ในโลโก้ของเราคือ ยาคุโมะ รัน จากโทโฮค่ะ ><
 
 
จบแค่ 9 ข้อละกันนะคะ =w=" ถ้านึกอะไรได้อีกจะมาเพิ่ม แล้วเราก็ได้ไปอ่านบล๊อกของคุณ warrantica
 
เลยรู้ว่าสไตล์เรียบรู้ภาษาอังกฤษมันแปลว่า Elegance
 
 
แต่ธีมบล๊อกจะสวยไม่สวยมันขึ้นอยู่กับ "ความพยายาม" ของแต่ละคนเองมากกว่านะคะ ^^
 
 
จบเอนทรี่แล้วค่า >< ถ้าไม่เป็นการรบกวนยังไงขอคอมเมนต์ให้ชื่นใจกันด้วยเถอะค่ะ
 
และจะเป็นความกรุณายิ่งขึ้นถ้าท่านโยนดรากอนบอลให้เรา //โดนตรบ 
 
ถ้างั้นเอนทรี่นี้ก็ลาเพียงเท่านี้ค่ะ =w=//


ไว้เจอกันใหม่ค่า ~~~


PS.ลืมเฉลย รูปที่ลงโทนส้มใน 2 เอนทรี่ก่อนคือไทกะเองเน้อ =w=

PS.2 พ่อลบอนิเมที่อุตสาห์โหลดมาหมดเลย อะไรว๊าาา =[]= ไม่ปรึกษาสักคำ //โหลดใหม่

PS.3 ลอง CG แบบโทนอีกซักภาพ อันนี้ใครไม่รู้ คิดสดอ่ะ...

 

การวาดตอนมือเจ็บมันเป็นแบบนี้นี่เอง... มันเบี้ยวได้อีก ==""

PS.4 จับอะไรช่วงนี้ต้องกระดกนิ้วก้อยตลอดเลยค่ะ Y_Y 

 

สุดท้ายจริงๆ...

  เรารู้ว่าหนึ่งในคนอ่านแอบมีผีบล๊อกอยู่ด้วย ใช่มะ ?
 
//โดนตรบกระเด็น
 
 
อยากวาดดราฟคิริริน... ซึนเกินไปแล้ววววว คุณน้องงงงงงงงงงงงงง
 
ขอบคุณที่อ่านมาถึงตรงนี้ค่ะ _ _

Comment

smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry
smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry

Tweet

Hot! Hot! Hot! Hot! Hot!

ไว้เด๋วขอยืมไปแต่งเองมั่งนะ บาสซัง confused smile

#1 By !~Chris Cat~! on 2010-11-06 20:44

อืม สำหรับผมชอบอะไรที่มันเรียบง่ายน่ะนะ
และชอบคงรูปแบบตามต้นฉบับไว้บ้าง

ใส่นู่นนั่นนี่แบบใครเขา
มาก ๆ เข้าจะกลายเป็นรกไปเลย -*-
แถมโหลดนรกด้วย

ก็นะ ได้เลือกปรับ theme ตามที่เราชอบ

เป็นเอ็นทรี่ที่มีประโยชน์ครับ
Hot!

#2 By Nest on 2010-11-06 22:01

เอาขึ้น Recommend ไปเลยท่าจะดี Hot! Hot! Hot!
แหล่มเลยท่านบาสHot!

#4 By boshit on 2010-11-06 22:42

Hot! Hot! Hot! ขอบคุณมากจ้ะ
จะลองดูนะ

#5 By ✖ KasawaAi's ✖ on 2010-11-07 06:36

มีคนยุให้เปลี่ยนธีมอีกแล้ววว
ได้ความรู้เพียบเลยปาดาว!!!Hot! Hot! Hot! Hot!

#6 By Lotus_Land on 2010-11-07 09:02

อยากเปลี่ยนนะ แต่ขี้เกียจอ่ะ /โดนถีบ...

Hot! Hot! Hot! Hot! Hot!

#7 By Yakumo_Ruri on 2010-11-07 09:46

โอ๊ะ น่าเอาไปใช้ดีแหะHot! Hot! Hot!

#8 By Maijang555 on 2010-11-07 12:24

ช่วงนี้ยุ่งๆ ว่างๆจะกลับมาอ่าน...ว่าแล้วก็ดัน ฮา
Hot! Hot! Hot!

#9 By SouL-Z on 2010-11-07 14:08

ขอบคุณมากๆเลยค่าแบลร์จังXD
ทางนี้โง่cssนพผผผผผ

#10 By Mable on 2010-11-08 20:56

Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot!

#11 By shasha-mulatte on 2011-02-09 21:15

อธิบายได้ละเอียดดีจังเลยค่ะ ขอบคุณนะคะ

ไว้ขอนำบางความรู้บางส่วนไปทำตามมั่ง ^^

ขอ add เป็น Fav นะคะ big smile

#12 By Initmate on 2011-03-03 14:27