Blogger: ใส่สีพื้นหลังและเส้นขอบให้รูปภาพในบทความทุกอัน


วิธีใส่สีพื้นหลังและเส้นขอบให้กับรูปภาพทุกอันในบทความของบล็อกเกอร์ (Add Blogger post image background and border) สามารถทำได้ดังนี้

ขั้นตอนที่ 1. เข้าสู่บล็อกของคุณจากนั้นไปที่ 'รูปแบบ > แก้ไข HTML > ขยายแม่แบบเครื่องมือ'

ขั้นตอนที่ 2. กด 'Ctrl + F' บนคีย์บอร์ดแล้วสั่งค้นหา
]]></b:skin>

ขั้นตอนที่ 3. แทนที่โค้ดที่หาเจอนั้นด้วย
.post-body img {
  padding: 6px;
  background: #f4f2ef;
  border: 1px solid #dddddd;
}

]]></b:skin>


ขั้นตอนที่ 4. เลือกที่ 'บันทึกแม่แบบ' จากนั้นลองเปิดบล็อกดูผลลัพธ์


อธิบายเพิ่มเติม
สามารถแก้ไขโค้ดในขั้นตอนที่ 3 เพื่อให้พื้นหลังและเส้นขอบของรูปภาพตรงตามความต้องการได้ดังนี้
บรรทัดที่ 2 ที่เขียนว่า padding: 6px; คือกำหนดระยะที่้เว้นจากขอบรูปว่าห่างแค่ไหน
บรรทัดที่ 3 ที่เขียนว่า background: #f4f2ef; คือสีของพื้นหลังรูปภาพ
บรรทัดที่ 4 ที่เขียนว่า border: 1px solid #dddddd; คือสีและความหนาของของเส้นขอบรอบรูป

Post Status




0 ความคิดเห็น:

แสดงความคิดเห็น