หากคุณเป็นคนที่ใช้ Template มาตราฐานที่ทาง Blogger จัดเตรียมไว้องค์ประกอบต่างๆ ที่แสดงผลขึ้นมาบนบล็อกจะมีรูปแบบที่คล้ายกัน ผู้ใช้บล็อกบางคนต้องการให้บล็อกตัวเองแตกต่างจากบล็อกคนอื่นๆ จึงไปดาวน์โหลด Template ฟรีมาใช้เพิ่มความโดดเด่นแบบไม่ซ้ำกัน แต่หากใครที่ต้องการปรับแต่ง Template มาตราฐานด้วยตัวเองอย่างการลบเส้นกรอบรูปบนบล็อก
สารบัญ
จากตัวอย่างรูปโลโก้ของ Blogger คุณจะสังเกตเห็นเส้นสีเทาและมีเงาของกรอบรูปภาพด้านซ้ายมือปรากฏขึ้นมาตัดกับพื้นที่ขาว ดูไปแล้วรู้สึกไม่ค่อยชอบมันสักเท่าไหร่ จึงทำการลบเส้นสีเทาออกดั่งรูปภาพด้านขวามือ
วิธีลบเส้นกรอบรูปภาพ
ไปที่เมนูธีม Template ตรงเมนู ปรับแต่ง ให้คลิกที่ลูกศร เลือก แก้ไข HTML ในหน้าต่างใหม่จะปรากฏโค้ดธีมทั้งหมดของ Blogger ให้กดปุ่ม Ctrl + F แล้วค้นหาด้านล่างนี้
ตัวอย่างโค้ดลบเส้นกรอบรูป
ดูที่โค้ดบรรทัดที่มีคำว่า 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);
}เมื่อปรับแต่งโค้ดเรียบร้อยแล้วให้กด “บันทึกแม่แบบ” แค่นี้ก็เป็นอันเสร็จ
เมื่อเราโพตส์รูปลงไปในบทความมักจะมีเส้นกรอบรูปสีเทาปรากฏขึ้นมา บางคนอาจจะชอบ แต่สำหรับผมแล้วไม่ชอบเลยมันรู้สึกเหมือนเส้นกรอบรูปนั้นไปตัดกับสีพื้นหลังจึงอยากจะลบเส้นกรอบของรูปที่ติดมาออกเพื่อให้ดูเรียบง่าย