วิธีลบเส้นกรอบรูปภาพ สำหรับผู้ใช้ธีมมาตราฐานของ Blogger

วิธีลบเส้นกรอบรูปภาพ

หากคุณเป็นคนที่ใช้ Template มาตราฐานที่ทาง Blogger จัดเตรียมไว้องค์ประกอบต่างๆ ที่แสดงผลขึ้นมาบนบล็อกจะมีรูปแบบที่คล้ายกัน ผู้ใช้บล็อกบางคนต้องการให้บล็อกตัวเองแตกต่างจากบล็อกคนอื่นๆ จึงไปดาวน์โหลด Template ฟรีมาใช้เพิ่มความโดดเด่นแบบไม่ซ้ำกัน แต่หากใครที่ต้องการปรับแต่ง Template มาตราฐานด้วยตัวเองอย่างการลบเส้นกรอบรูปบนบล็อก

จากตัวอย่างรูปโลโก้ของ Blogger คุณจะสังเกตเห็นเส้นสีเทาและมีเงาของกรอบรูปภาพด้านซ้ายมือปรากฏขึ้นมาตัดกับพื้นที่ขาว ดูไปแล้วรู้สึกไม่ค่อยชอบมันสักเท่าไหร่ จึงทำการลบเส้นสีเทาออกดั่งรูปภาพด้านขวามือ

วิธีลบเส้นกรอบรูปภาพ

Blogger Edit HTML

ไปที่เมนูธีม Template ตรงเมนู ปรับแต่ง ให้คลิกที่ลูกศร เลือก แก้ไข HTML ในหน้าต่างใหม่จะปรากฏโค้ดธีมทั้งหมดของ Blogger ให้กดปุ่ม Ctrl + F แล้วค้นหาด้านล่างนี้

วิธีลบเส้นกรอบรูปภาพ สำหรับผู้ใช้ธีมมาตราฐานของ Blogger

ดูที่โค้ดบรรทัดที่มีคำว่า Border ลงมาแล้วให้ลบออก

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: $(image.border.small.size);

  background: $(image.background.color);
}

เมื่อปรับแต่งโค้ดเรียบร้อยแล้วให้กด “บันทึกแม่แบบ” แค่นี้ก็เป็นอันเสร็จ

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

ส่งต่อเรื่องนี้ให้เพื่อน!

Twitter Facebook