Saturday, January 3, 2015

Day 4/2015 : การปรับแต่ง Blogger Layout

การปรับแต่ง Blogger Layout เพื่อให้ดูดี

     จาก Day 3/2015 : ทดลองติดตั้ง WPTouch Template บน Blogspot เราได้ทำการเปลี่ยน template จากเดิมๆ หน้าตาบ้านๆ ของ Blogger แทนด้วย template ที่ดูดีมีชาติตระกูลแบบ WPTOUCH Free Premium Blogger Template,  (ถึงแม้ว่าจะเป็นของที่คนอื่นเขาทำมาก็เถอะ) แต่เมื่อเราลอง View Blog ของเราดูแล้ว จะเห็นว่ามันขาดๆ เกินๆ ทั้งที่ Side Bar และ Footer ทุกคนเห็นด้วยไหมเอ่ย งั้นเราลองมาหาวิธีการปรับแต่ง Blogger Template เพื่อให้ดูดีขึ้นกันดีกว่านะ หลังจากที่ถาม อากู๋ฯ ว่าต้องทำอะไรอย่างไรบ้างก็สรุปออกมาได้ว่า
Blog Layout
Blog Layout
อาจจะดูยากไปสักหน่อยนะครับ เพราะหาทางจับภาพทีเดียวเต็มๆออกมาไม่ได้ เลยต้องใช้วิธีโจรๆ เอามาตัดต่อ เหลื่อมไปบ้าง ขาดไปนิด เกินไปหน่อย อย่าว่ากันนะ

จากนั้นเราทำอะไร ไม่ยากครับ อยากจะเอาอันไหนตัวไหนออกก็เอาเมาส์ไปจิ้มตรง Edit ก็จะขึ้น Dialog Box มาให้คลิ๊กที่ Remove เป็นอันเสร็จเรียบร้อยโรงเรียนเราล่ะ
How to remove gadget from Blogger Layout
คลิ๊ก Remove เพื่อลบ Gadget ออกจาก Layout
แต่มีบางอันนะที่ไม่สามารถ Remove ออกได้ จะขึ้นเป็น Dialog Box ว่างๆ คาดว่าเป็นการสร้างจาก template เอง สำหรับผม ก็ปล่อยเอาไว้อย่างนั้นนั่นแหละ
Configure Feed
Gadget ที่ไม่สามารถลบออกได้ของ Template นี้
แล้วหน้าตาของ Layout หลังจากที่เราปรับแต่งจะเป็นลักษณะนี้
Layout หลังจากที่ทำการปรับแต่ง Blogger Layout เรียบร้อยแล้ว

แอ่น แอน แอ๊นนนนนน แล้วเรามายลโฉมกันว่า หน้าตาของ Blog เราภายหลังการปรัปแต่ง Blogger Layout แล้วจะมีหน้าตาอย่างไร อย่ารอช้า .. เรามาดูกันเลย
Blog after modified Layout
ฺBlog ภายหลังทำการปรับแต่ง Blogger Layout เรียบร้อยแล้ว

เอาเป็นว่า ดูของจริงที่หน้า Home กันเลยดีกว่า ส่วนพรุ่งนี้ เรามาแกะรอย template การแก้ไข Feature Slide,Categories,Header Menu กันครับ

Notes of the day :

  • Gadget สามารถวางอะไรได้หลายๆ อย่าง น่าสนใจเป็นอย่างมาก
  • Amazon Gadget หายไปซะแล้ว สองปีก่อนยังมีอยู่เลย
  • Configure Feed คืออะไร ... พาให้งงอีกล่ะ เอาไว้ก่อนล่ะกันนะ
  • Code ใน Template อีกจุด อีกเรื่องที่จำเป็นต้องศึกษา ... ไหม? คำถามที่ต้องตอบให้กับตัวเอง
เช่นเดิมครับ ขอบคุณที่ติดตามอ่าน หากมีข้อชี้แนะประการใด หรือจะติเตียนก็ได้นะครับ น้อมรับเสมอ ขอบคุณครับ





0 comments:

Post a Comment