บทความแสดงตัวอย่างการตกแต่งเนื้อหาในบทความที่โพสต์ใน Blogger เช่น เพิ่มขนาดตัวหนังสือของส่วนหัวข้อ เพิ่ม ขนาดข้อความเนื้อหาให้ใหญ่ขึ้นอ่านง่าย ตั้งค่าการแสดงภาพให้เต็มหน้าบทความ เป็นต้น
การทำบทความหรือโพสต์ลงบล็อก Blogger ซึ่งเน้นการให้ผู้เข้าชมอ่านทางหน้าจอคอมพิวเตอร์ แท็บเล็ต หรือมือถือ ดัง นั้น จึงต้องตั้งค่าใช้ขนาดตัวอักษรส่วนที่เป็นชื่อบทความ หัวข้อต่างๆ ขนาดตัวหนังสือส่วนที่เป็นเนื้อหา กำหนดให้เหมาะสม รวมทั้งขนาดภาพประกอบด้วยเช่นกัน เพื่อให้บล็อกออกมาดูดี หน้าจออ่านง่าย สบายตา
ตัวอย่างการจัด ตกแต่งหัวข้อ เนื้อหา ใน Blogger
ช่องไฟ ขนาดของตัวหนังสือหัวข้อ ตัวหนังสือของเนื้อหาที่ปรับแต่ให้เหมาะสม ก็จะช่วยให้ผู้อ่าน อ่านได้ง่าย สบายตา เพราะบทความในบล็อก Blogger จะเน้นให้อ่านจากหน้าจอคอมพิวเตอร์ หน้าจอสมาร์ทโฟนหรือแท็บเล็ต เป็นหลัก
การปรับแต่งตัวหนังสือต้องจัดการที่เทมเพลทที่ใช้
การใช้งาน Blogger เราจะใช้เทมเพลทหรือหน้าตาของบล็อกต่างกันไป การแก้ไขจะต้องจัดการที่เทมเพลมของบล็อก โดย แก้ไขโค้ด HTML และ CSS สไตล์ในเทมเพลทนั้น
1. คลิกเลือกชื่อบล็อกที่ต้องการแก้ไขเทมเพลท เช่น ABlogReady
2. คลิกเลือก แม่แบบ
3. คลิกปุ่ม แก้ไข HTML
4. คลิกที่ ... ในระหว่างคำสั่ง ... เพื่อแสดงคำสั่ง css ที่ใช้ในเทมเพลทนั้น แต่ละเทมเพลทไม่เหมือนกัน
5. คำสั่งที่ต้องแก้ไขมีอะไรบ้างนั้น จัดการไปตามลำดับ แต่เมื่อแก้ไขเรียบร้อยแล้วให้คลิกที่ บันทึกเทมเพลท เพื่อบันทึกการ ปลี่ยนแปลงแก้ไข
6. ตัวอย่างการแก้ไขขนาดของตัวหนังสือปกติ ที่เป็นเนื้อหาทั้งหมดในบทความ ปรับขนาดให้เหมาะสม ให้เพิ่มคำสั่ง font-size:15px; ลงไปในส่วน body ดังภาพ โดยค่า 15px เป็นขนาดของตัวหนังสือ ถ้าใหญ่หรือเล็กไป ก็ลดหรือเพิ่มได้ตาม ความเหมาะสม
7. แก้ไขนาดของหัวข้อย่อหน้า ปกติจะเล็กเกินไป ให้เพิ่มคำสั่ง font-size:20px; เข้าไปในส่วน h2 ปรับขนาดหัวข้อให้ใหญ่ เป็น 20px
8. ตั้งค่าการแสดงภาพประกอบในบทความให้เหมาะสม แสดงภาพให้พอดีกับขอบซ้ายขอบขวาของบทความ
9. แก้ไขคำสั่ง padding: 0px; ค่าปกติจะเป็น 8px
10. เลื่อนไปก่อนบรรทัด ]]> เพิ่มบรรทัด .entry-content img{max-width:570px;} ลงไป โดย 570 จะเป็นขนาด ความกว้างหน้าจอในส่วนเนื้อหา ถ้าเทมเพลทที่ใช้มีความกว้างหรือแคบกว่านี้ ก็เพิ่มหรือลดตัวเลขได้ตามต้องการ
11. การปรับแต่งยังมีส่วนอื่นๆ อีกหลายจุด แต่เอาแค่พื้นฐานแค่นี้ก่อน ให้บันทึกการแก้ไขเทมเพลท เก็บไว้.
การตกแต่ง ข้อความ ตกแต่งเนื้อหาขณะทำโพสต์ใน Blogger
หลังจากได้ตั้งค่าในแม่แบบ HTML และ CSS เรียบร้อยแล้ว คราวนี้เวลาทำบทความ ก็จัดการตกแต่งหัวข้อหรือช่องไฟให้ สวยงาม
1. พิมพ์เนื้อหาของบทความในบล็อกเกอร์
2. ส่วนหัวข้อ เช่น ข้อดีข้อเสียของการจดโดเมน.... ให้สร้างแถบสีแล้วเลือกสไตล์ของหัวข้อแบบ ส่วนหัว
3. ถ้าหัวข้อนั้นๆ มีหัวข้อรอง ก็ใช้สไตล์หัวข้อแบบ หัวข้อย่อย การยกเลิกให้คลิก ปกติ ทำให้เป็นตัวหนังสือแบบปกติ
การทำบล็อกหรือเว็บไซต์นอกจากความน่าสนใจของบทความในบล็อกที่ช่วยดึงดูดผู้เข้าชมแล้ว การตกแต่งเนื้อหา ข้อ ความ ตัวหนังสือในบทความให้สวยงามจะช่วยให้บทความดูมีความเป็นมืออาชีพ อ่านง่าย สบายตา และกรณ๊ของการสมัคร เป็นสมาชิก Google Adsense บล็อกที่จัดวางเนื้อหาอย่างดี บ่งบอกถึงการทำบล็อกอย่างตั้งใจ ก็เป็นปัจจัยสำคัญในการได้รับ การอนุม้ติเช่นกัน
แชร์บทความนี้ :
