[Tips] แก้ได้ซะที อาการรูปชิดขวาใน Blogger

 อันนี้เป็นปัญหาที่เหมือนเจออยู่คนเดียว (เพราะรู้สึกแถวนี้มีคนที่ยังเขียนบล็อกที่ Blogger อยู่คนเดียว😅) นั่นคือเวลาเปิดดูบล็อกในมือถือ จะเกิดอาการภาพชิดขวา แบบนี้

ชิดขวาแบบจะหลุดกรอบแล้วนั่น

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

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

จนวันนึงทนไม่ไหว นึกคำค้นขึ้นมาได้ก็ค้นหาเลย ค้นประมาณว่า ทำไมภาพใน Blogger มันไม่อยู่ตรงกลาง (ค้นเป็นภาษาอังกฤษนะ) ก็ไปเจอคำตอบที่ถูกต้องจากหน้า community ของ Blogger นี่เอง (ระบบ community ที่นี่ค้นหาอะไรยากมากนะ) วิธีการมันก็มีอยู่ว่า...

1. เข้าไปที่ ธีม
2. กดปุ่ม ปรับแต่ง สีส้ม ๆ
3. ที่ ชั้นสูง ให้กดเลือก เพิ่ม CSS แล้วใส่โค้ด CSS นี่ลงไป

.post-body .separator a {margin-left: auto !important; margin-right: auto !important;}

.post-body img {padding: 0;}

สภาพจะออกมาประมาณนี้.... 

เพิ่มเสร็จแล้วก็กดไอค่อนเซฟที่มุมขวาล่าง เป็นอันจบ

ในที่สุดก็ได้อัพบล็อกอย่างสบายใจซะที😊 ก่อนหน้านี้อัพเสร็จกลับมาอ่าน โคตรขัดใจ

ขอบคุณข้อมูลจาก : Images in my posts are not centered