เอนทรีนี้จะมาบอกวิธีแต่งธีมAmebaโดยแก้ไขจากโค้ดCSSกัน
ก่อนอื่นให้ไปทำตามขั้นตอนที่ 1, 2, และ 3 จากเอนทรี่ที่แล้วก่อนนะคะ
 
ขั้นตอนที่ 1 และ 2 จะอยู่เอนทรีนี้เลย
 
ส่วนขั้นตอนที่ 3 เอนทรีนี้
 
จากนั้นเราก็มาเริ่มกันเลย
 
ต่อไปขั้นตอนที่ 4 กัน
 
 
 4
จะไปอย่างไวเลยนะดูตามรูปภาพ
ให้กดเลือกอันแรกที่ชื่อว่า CSS編集用デザイン
 
 
5
 
 
6
 
 
7
จากขั้นตอนที่6 เมือกดเข้ามาแล้วจะปรากดหน้าตาแบบแต่ให้เลื่อนเมาส์ขึ้นไปนิดหน่อย
เพราะหลังจากกดมาจากขั้นตอนที่6 หน้าจอไปหยุดอยู่ตรงแก้ไขโค้ดเลย
แต่ก่อนจะไปพูดถึงตรงนั้นจะอธิบายตรงนี้ซะก่อน
ตรงนี้คือรูปภาพที่เราจะนำมาแต่งบล็อกของเราทั้งพื้นหลังและรูปเฮดเดอร์
*ไว้อัพรูปที่ใหญ่ๆ
**รูปเล็กๆน้อยของตรงส่วนรายละเอียดย้อยอัพไว้ในไหนก็ได้ของเว็บAmeba หรือตรงส่วนอัลบั้มของบันทึกเราก็ได้
***Ameba จะไม่อ่านหากเรานำภาพมามาจากเว็บภายนอก
 
 
8
เลื่อนจากตรงขั้นตอนที่7 นิดนึง
ให้เห็นตรงส่วนของโค้ดCSS
จะเห็นได้ว่ามีตัวเลขกับตัวหนังสือภาษญี่ปุ่นกำกับอยู่
ซึ่งเขาจะแยกเป็นส่วนๆดังนี้
(1) 文字のスタイル
จะเป็นการไขเกี่ยวกับพวกtext(ตัวหนังสือ)ทั้งหมดในหน้าบล็อกทั้งรูปแบบตัวอักษร สีตัวอักษรและสีของตัวอักษรที่เป็นลิงค์ทั้งหมดสามารถแก้ไขได้
(2) ボタンのスタイル
ตัวนี้เกี่ยวกับbutton(ปุ่ม)ต่างในหน้าบล็อกทั้งหมด
(3) エリアのスタイル
ตัวที่สามนี่จะเป็นรูปแบบของพื้นที่หน้าบล็อกตรงนี้เป็นการปรับเปลี่ยนแก้ไขทั้งรูปเฮดบล็อกรูปพื้นหลังตรงส่วนต่างๆทั้งหมดในหน้าบล็อกรวมไปถึงสีพื้นหลังของหน้าบันทึกเราด้วยหรือจะใส่รูปก็ได้
(4) その他、拡張
ส่วนนี้จะเป็นส่วนเสริมต่างๆที่เราเพิ่มเข้ามาเอง แต่ในส่วนนี้ในโค้ดที่มีอยู่แล้วจะไม่มีอะไรเลยจะว่างเปล่าไว้
****แต่ก่อนอื่นที่เราจะแก้ไขตรงนี้ได้ก็ต้องพอรู้เรื่องของโครงสร้างของโค้ดด้วยเหมือนกันว่าตรงไหนต้องใส่แบบไหนยังไงซึ่งตรงนี้เราก็สอนคนไม่เป็นซะด้วยเอาเป้นว่าลองๆหาเรียนจากกูเกิ้ลนะค๊าา/#ชิ่ง
 
 
9
หลังจากที่เราแก้ไขโค้ดทุกอย่างเสร็จเรียบร้อยแล้วว
ก็ลองกดพรีวิดดูก่อนหรือกดตกลงใช้แบบนี้เลย
เอาเป็นว่าจบการแต่งธีมบล็อกแบบแก้ไขโค้ดเรียบร้อยแล้ว
 
 
มาต่อจากเอนทรี่ที่แล้วที่สอนเรื่องแต่งธีมของเว็บAmebaค่ะ
มาเริ่มกันแต่..ก่อนอื่น(ขี้เกียจอีกล่ะ- -)
ให้กลับไปอ่านเอนทรี่ที่แล้วก่อนนะคะ
ทำตามขึ้นตอนที่ 1และ 2
แล้วเรามาเริ่มกันที่นี่หลังจากทำตามขั้นตอนที่ 1 และ 2 จากเอนทรีที่แล้วเสร็จแล้ว
ก็ขึ้นขั้นตอนที่ 3
 
3
 
 
4*ขั้นตอนที่สี่ไม่มีนะคะเราเบลอไปนิดข้ามไป5เลยจ้าา
 
5
 
กดเลือกจากขั้นตอนที่3 แล้วขึ้นมแบบนี้ให้เลือกธีมไปปรับแต่งได้ตาใจชอบเลยแต่ห้ามเลือกธีมแรก
เพราะธีมตัวแรกเป็นงานจัแต่งบล็อกโดยแก้ไขโค้ดCSS
พอเรากดเลือกธีมได้แล้วก็จะขึ้นกน้าแสดงตัวอย่างแบบขึ้นตอนที่ 6
 
6
ให้กดเลือกใช้ธีมนี้ซะตามรูป
 
7
จากนั้นจะขึ้นมาให้เราเข้าไปแก้ไขตรงส่วนต่างๆได้
กดเข้าเลย
 
8(ขั้นตอนสุดจ้าา)
 
8.1 จะเป็นตรงส่วนของรูปเฮด สามารถเปลี่นได้
8.2 จะเป็นสีของตัวอักษรหน้าบล็อกหรือชื่อของเราที่ปรากฏหน้าบล็อกและรูปแบบตัวอักษรต่างๆที่สามารถเปลี่ยนได้ข้างๆตรงรูปสี่เหลื่ยมที่เปลี่ยนสีตัวอักษร
8.3 จะเป็นการเปลี่ยนบีจีพื้นหลัง
เมื่อตกแต่งได้ดั่งใจแล้วก็กดเลือกใช้ธีมตรงปุ่มสีขาวด้านล่างขวามือ
เป็นอันเสร้จร้อยของการปรับปต่งบล็อกamenaโดยเลือกเปลี่ยนเฮดบล็อกและพื้นหลังเองได้
ทีนี้เราก็ได้ธีมบล็อกที่มีรูปถูกใจๆเราแล้ว
 
เอนทรีถัดไปจะมาสอนการแต่งธีมโดยแก้ไขจากโค้ดCSS
 
 
ไม่ได้เขียนบล็อกมานานจนลืมไปเลยว่าเคยมีบล็อกนี้อยู่ด้วย
แบบนานมาจริงๆจะว่าเป็นปีก็ว่าได้เลย
 
ameba.jp
 
เป็นการเปลี่ยนธีมสวยๆหน้าบล็อกที่มีธีมสำเร็จมาให้เราเลือกใช้อยู่แล้ว
โดยวิธีการเปลี่ยนง่ายๆ
 
ไม่รู้จะพิมพ์อะไรต่อล่ะเริมกันเลยเหน๊อะ^^
*หลายๆคนที่เล่นบล็อกนี้ก็คงน่าจะรูปวิธีเปลี่ยกันแล้วซะส่วนใหม่แต่
ที่เขียนเอนทรี่นี้ขึ้นมาเพราะว่ามีคนแนะนำให้ทำเลยทำจ้า
 
หลังจากที่เราล็อกอินแล้วจะเห็นหน้าต่างแบบนี้
 
1.
ขั้นตอนแรกเมื่อเข้ามานี้แล้วให้มองตรงคำว่า
アメーバのサービス一覧 ที่อยู่เหนือรูปปนะจำโปรไฟล์ของเรา
คลิกเข้าไปเลยค่ะ
2.

เลื่อนเมาส์ลงมาตามภาพเลยแล้วจิ้มเข้าไป
 
3.
พอเข้ามาแล้วก็เลื่อนเมาส์ลงมาเลือกธีมที่ต้องการได้เลย
เลือกอันไหนก็ได้ที่ชอบ
 
4.
จากนั้นก็จะขึ้นหน้าแบบนี้ขึ้นมา
จากรอบสี่เหลี่ยมด้านบนจะเป็นลักษณะธีมให้เราเลือก
(เลือกแบบไหนก็ได้)
กรอบล่างด้านซ้ายมือคือปิดหน้าต่างนี้
(ไม่ได้เลือกธีมนี้)
กรอบด้านล่างขวามือเลือกใช้ธีม
(ต้องการธีมนี้กดตรงนี้)
 
 
เป็นอันว่าเสร้จในการเปลี่ยนธีมของหน้าบล็อกamebaค่ะ
วันหลังจะมาบอกวิธีเปลี่ยนธีมโดยการ
ที่เราจำหมดรูปบีจี และรูปหัวบล็อกเองนะคะ
และมาสอนวิธีเปลี่ยนธีมโดยการใช้ code css ค่ะ