Blogger: ปรับขนาดรูปภาพให้เท่ากันในทุกบทความ

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

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

จากนั้นให้แทนที่โค้ดที่หาเจอนั้นด้วยโค้ดข้างล่างนี้
.post img {
float:center;
min-width: 400px;
max-width: 400px;
max-height: 300px;
min-height: 300px;
padding : 10px;
margin: 0;
clear: both;
}

]]></b:skin>


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


อธิบายเพิ่มเติม
สามารถตั้งค่าความกว้าง ความสูง และระยะห่างของภาพได้ตามต้องการดังนี้

ความกว้างกำหนดได้ในบรรทัดที่ 3 และ 4 ซึ่งเดิมเขียนไว้ว่า
min-width: 400px;
max-width: 400px;

ความสูงกำหนดได้ในบรรทัดที่ 5 และ 6 ซึ่งเดิมเขียนไว้ว่า
max-height: 300px;
min-height: 300px;

ระยะห่างของภาพกำหนดได้ในบรรทัดที่ 7 ซึ่งเดิมเขียนไว้ว่า
padding : 10px;

Credit: http://www.techieblogger.com/2009/08/image-resizer-tool-php-css-script.html

Post Status




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

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