บล็อกใครมีคนนอกเข้ามาเมนต์เยอะ ๆ ละก็ คงสังเกตได้ว่าบุคคลเหล่านี้นั้นไม่มี Avatar เป็นของตัวเอง แต่จะเห็นเป็นเงาขอบเทา ๆ ดำ ๆ เท่านั้น ดังนั้นเอนทรีนี้เราจะมาเปลี่ยนเจ้า Default Avatar นี้ ให้เป็นอะไรก็ได้ตามใจอยากครับ

Exteen Avatar Guest
Default Avatar สำหรับคนที่ไม่ได้เป็นสมาชิก Exteen

สำหรับวิธีที่ผมจะใช้ในครั้งนี้ ยังคงเป็น jQuery อยู่นะครับ โดยให้เพิ่ม Script นี้เข้าไปใน Custom Code Widget ของ Exteen ได้เลยครับ

<script>
$(function () {
var noLogin = 'http://community.exteen.com/avatar.jpg';
$('.comment img[src*="nonlogin"]').each(function () {
$(this).attr('src', '' + noLogin + '')
})
})
</script>

สำหรับส่วนที่เน้นเป็นสีส้มนั่นก็คือ URL ของรูปภาพที่เราต้องการครับ สามารถหามาเปลี่ยนได้ตามใจเลย

ทีนี้หลังจากใส่โคดเสร็จ เราก็มาลองดูกันครับว่าเป็นยังไง

Exteen Avatar Guest Custom

ก็ตามรูปเลยครับ ตอนนี้ Avatar ของคนที่ไม่ได้เป็นสมาชิกก็เปลี่ยนเป็นแบบที่เราตั้งไว้เลย เท่านี้ก็สามารถช่วยให้คอมเมนต์บล็อกเรามีชีวิตชีวาขึ้นแล้วครับ

สำหรับวันนี้ก็ขอจบ Tutorial สั้น ๆ แค่นี้ละครับ ไว้เจอกันใหม่ครับ 

Recommend