เทมเพลทจะเป็นหน้าตาของบล็อกที่จะแสดงต่อผู้เข้าชมบล็อกของเรา โดยมีคำสั่ง แม่แบบ เป็นคำสั่งจัดการกับเทมเพลมของบล็อก ปรับแต่ง แก้ไขหน้าตาเว็บบล็อกแบบต่างๆ ที่เราสามารถเลือกใช้งานให้เหมาะสมกับเนื้อหาของเรา

การทำบล็อกนี้เอาไว้ทดลอง ทดสอบการใช้งาน จึงเน้นการใช้เทมเพลทมาตรฐานของ Blogger เป็นหลัก แนะนำให้ผู้อ่านศึกษาให้เข้าใจเป็นพื้นฐานกันก่อน เมื่อเข้าใจการใช้งาน เทมเพลทมาตรฐาน ดีแล้ว จะใช้เทมเพลทของเจ้าอื่นก็หามาติดตั้งได้ตามใจชอบ

สำรองเทมเพลทก่อนแก้ไขทุกครั้ง

สิ่งแรกที่ต้องทำและสำคัญมากก่อนจะแก้ไขเทมเพลทของ Blogger ก็คือการสำรองเทมเพลม ดาวน์โหลดเทมเพลทนั้นๆ มาเป็นไฟล์ไว้ในเครื่อง กรณีแก้ไขแล้ว เทมเพลทเสียหาย เรายังมีไฟล์สำรอง ไม่เช่นนั้นจะเสียเวลาปรับแต่งใหม่ทั้งหมด
1. คลิก แม่แบบ
2. คลิก สำรอง / กู้คืน
3. คลิก ดาวน์โหลดเทมเพลทแบบเต็ม จากนั้นก็จะแสดงหน้าจอให้บันทึกไฟล์ ต้องจดไว้ด้วยว่าได้บันทึกไว้ในไฟล์ชื่ออะไร
4. ส่วนการเรียนใช้งานไฟล์ที่ได้สำรองไว้ จะใช้คำสั่ง Choose File เปิดไฟล์ขึ้นมา แล้วคลิก อัปโหลด

การปรับแต่งแม่แบบหรือเทมเพลทมาตรฐานเบื้องต้น

สำหรับ แม่แบบ มาตรฐานของ Blogger จะมีตัวเลือกให้ปรับแต่ง พื้นหลัง สีตัวหนังสือ หรือส่วนต่างๆ ได้ตามต้องการ
1. จากตัวอย่างจะใข้ แม่แบบหรือเทมเพลท ประเภท บริษัทนี้ดีจำกัด ให้คลิก แม่แบบ แล้วคลิกกำหนดค่า

2. จะเข้าสู่หน้าจอ เครื่องมือออกแบบเทมเพลทบล็อกเกอร์ โดยจะแบ่งหน้าจอเป็น 2 ส่วน ด้านบน เป็นคำสั่งไว้ปรับแต่ง
3. ส่วนด้านล่าง เป็นส่วนแสดงผลการปรับแต่ง แต่งแบบไหน เห็นผลงานทันที
4. ด้านบน จะมีคำสั่งให้ปรับแต่ง เช่น พื้นหลัง ปรับความกว้าง รูปแบบ และขั้นสูง สามารถคลิกเลือกได้ตามต้องการ ใช้งานง่าย แค่คลิกๆ แล้วดูผลงานด้านล่าง
5. ปรับแต่งเสร็จแล้ว คลิก ปุ่ม ใช้กับบล็อก ที่มุมบนขวา แล้วคลิก กลับสู่บล็อกเกอร์

การปรับแต่งแม่แบบหรือเทมเพลทขั้นสูง

การปรับแต่งขั้นสูงจะต้องมีควารู้เกี่ยวกับคำสั่ง HTML และ CSS จึงจะสามารถปรับแต่งหน้าตาบล็อกได้ตามต้องการ ปรับแต่งได้มากกว่านี้
1. เมื่อคลิกเลือกคำสั่ง แม่แบบ ก็จะเข้าสู่หน้าจอให้จัดการกับแม่แบบ สำคัญมาก ให้สำรองเทมเพลทไว้ก่อน ด้วยคำสั่ง สำรอง / กู้คืน และ ดาวน์โหลดเทมเพลทแบบเต็ม
2. ให้คลิก คำสั่ง แก้ไข HTML

3. ตัวอย่างคำสั่ง HTML ให้แก้ไขคำสั่งเหล่านี้ เพื่อปรับแต่ง แก้ไขหน้าตาบล็อกได้ตามต้องการ
4. สำหรับคำสั่ง HTML จะมีส่วนที่้ต้องปรับแต่งให้แทรกคำค้นหาหรือคีย์เวิร์ดเกี่ยวกับบล็อกของเราลงไป โดยเพิ่มบรรทัดนี้ด้านล่าง ก่อนคำสั่ง ... ดังภาพ โดยพิมพ์คีย์เวิร์ดคั่นด้วยคอมม่า เช่น บล็อกสำเร็จรูป,แม่แบบบล็อก,แม่แบบบล็อกสำเร็จรูป

5. ส่วนการแก้ไขคำสั่ง CSS ให้คลิก ... ในคำสั่ง ...
6. จะปรากฏคำสั่ง CSS สำหรับการปรับแต่งขั้นสูง ปรับแต่งสีสัน หน้าตาเทมเพลท

วิธีตั้งค่าการแสดงภาพประกอบบทความ Blogger

การแก้ไขไฟล์ CSS ในที่นี้จะให้แก้ไขคำสั่งแสดงภาพประกอบบทความให้เต็มหน้าจอ
1. ให้คลิก แม่แบบ
2. คลิก แก้ไข HTML

3. คลิก ... ตรงกลางระหว่างคำสั่ง ...
4. จะปรากฏคำสั่ง css ให้ปรับแต่งหน้าตาเทมเพลทของ Blogger
5. เลื่อนไปบรรทัดที่ 642 หรือคำสั่ง .post-body img, แล้วแก้ไข ค่า Padding: 8px; เป็น 0px; แต่ละเทมเพลทจะไม่เหมือนกัน ให้ดูคำสั่งนี้

6. เลื่อนไปบรรทัดที่ 924 ก่อนคำสั่ง ]]> แล้วแทรกคำสั่ง .entry-content img{max-width:570px;} ตัวเลข 570 เป็นขนาดความกว้างของภาพ การใช้เทมเพลทแต่ละแบบ ขนาดความกว้างภาพไม่เท่ากัน สำหรับเทมเพลท Blogger มาตรฐานที่ผู้เขียนใช้งานนั้น ขนาดความกว้างของภาพประมาณนี้ จะพอดีกับเนื้อหา
7. คลิก บันทึกเทมเพลท

สำคัญมาก

หลังการปรับแต่งเสร็จแล้ว ให้สำรองเทมเพลทเก็บไว้ทันที และถ้ายังไม่ได้สำรองเทมเพลท ห้ามเปลี่ยนไปใช้เทมเพลทอื่นอย่างเด็ดขาด แม้จะทดลองเลือกเล่นๆ แต่เทมเพลทที่ใช้ก่อนหน้าจะถูกลบค่าที่เคยปรับแต่งออกไปทั้งหมด จะทำให้เสียเวลาปรับแต่ง

ติดตั้งเทมเพลทฟรีสำหรับบล็อกเกอร์

หากต้องการ แม่แบบ หรือเทมเพลทบล็อกสวยๆ สามารถเข้าไปดาวน์โหลดได้จากเว็บต่างๆ เช่น btemplates.com มีธีมสวยๆ ให้เลือกมากมาย

ส่วนการติดตั้งเทมเพลทนอก ให้ใช้คำสั่ง สำรอง/กู้คืน โดยคลิกปุ่ม Choose File ไปเลือกไฟล์เทมเพลทที่ดาวน์โหลดมา ซึ่งจะเป็นไฟล์แบบ xml การติดตั้งง่ายมาก

แชร์บทความนี้ :