วิธีทำให้รูปภาพเป็นวงกลม โดยอัตโนมัติ สำหรับบล็อกและเว็บไซต์
เหมาะสำหรับบล็อกเกอร์ หรือเว็บไซต์ ที่ต้องการแสดงภาพที่สวยและแตกต่าง
((คลิกดูตัวอย่างบล็อก))



โค้ดแสดงภาพให้เป็นวงกลม ตัดขอบให้เป็นวงกลม ครอปเป็นวงกลม

โค้ด
.post img{max-width:auto;width:100%;-ms-interpolation-mode:bicubic;border:0;border-radius:50%;}

วิธีวางโค้ด
>>คัดลอกโค้ดสีแดงข้างต้น
>>แก้ไข HTML
>>ค้นหา ]]< /b skin>
>>วางโค้ดสีแดงลงก่อนหน้า ]]< /b skin>
>>บันทึกแทมเพลต (เสร็จ)

คำแนะนำเพิ่มเติม
*สามารถโหลดภาพได้ปกติ ภาพที่แสดงจะเป็นวงกลมโดยอัตโนมัติ
*ควรเป็นภาพสี่เหลี่ยมจตุรัส (ถ้าหากเป็นสี่เหลี่ยมผืนผ้า ภาพจะเป็นวงรี)
*หรือถ้าหากภาพเป็นสี่เหลี่ยมผืนผ้า ให้แก้ไขที่ Url ของภาพ โดยเพิ่ม -c ดังตัวอย่าง และผลที่แสดงจะเป็นสี่เหลี่ยมจตุรัส

เดิม
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1XgHBxJ2StxpsGPBy3FLlv7mNxwlmDeMFXZ1xvWlhw9HQYsYEAzPuE1DHKqwSZpGNvvSa_iCdtGn287WBnX2V26H24rcoqFVfrrL3vevtUxUV-quRr1g8P6FPowMsTLsgOCprDI88ZM8e/s1600/flower-CIMG6170-500.JPG

เพิ่ม -c
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1XgHBxJ2StxpsGPBy3FLlv7mNxwlmDeMFXZ1xvWlhw9HQYsYEAzPuE1DHKqwSZpGNvvSa_iCdtGn287WBnX2V26H24rcoqFVfrrL3vevtUxUV-quRr1g8P6FPowMsTLsgOCprDI88ZM8e/-c/flower-CIMG6170-500.JPG
ภาพที่ได้
ตัวอย่างบล็อก>> http://thai-oldsong.blogspot.com