วิธีแสดง Avatar ของผู้ Comment บน Blogger

สอนทำ blogger


บทความนี้ผมจะสอนให้แสดงรูปจาก profile ทุกครั้งที่มีการ comment ซึ่งจะทำให้การพูดคุยแสดงความคิดเห็นดูน่าสนใจมากขึ้น

ขั้นตอนการทำ

ขั้นที่ 1 เข้าไปตั้งค่าได้โดย ไปที่แผงควบคุม >> การตั้งค่า >> ข้อคิดเห็น แล้วเลือกให้ แสดงรูปภาพโปรไฟล์บนความคิดเห็น

แสดง Comment Avatar


ขั้นที่ 2 ไปที่แผงควบคุม >> รูปแบบ >> แก้ไข HTML >> คลิกขยายแม่แบบเครื่องมือ
ค้นหา(โดยการกด Ctrl+F ช่วย) โค้ดด้านล่างนี้


<dl id='comments-block'>
และแทนที่ด้วย .
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

หมายเหตุถ้าหากไม่เจอโค้ดข้างต้นให้ค้นหาโค้ด
<div id='comments-block'>
และแทนที่ด้วย
<div expr:class='data:post.avatarIndentClass' id='comments-block'>

ซึ่งอาจเจอรูปแบบใดรูปแบบหนึ่งที่กล่าวมา


ขั้นที่ 3 ต่อเนื่องจากขั้นที่ 2 ให้ค้นหาโค้ด
<a expr:name='data:comment.anchorName'/>

แล้วแทนที่โค้ดดังกล่าวด้วยโค้ดต่อไปนี้

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/></div>
</b:if>



ขั้นที่ 4 ในกรณีที่ต้องการให้บุคคลทั่วไปจะไม่มีการแสดงรูป เราอาจใช้ CSS โค้ดต่อไปนี้ทำให้คนที่ไม่มีรูปถ่ายมีรูปเหมือนรูปด้านล่าง



สอนทำบล็อก

ซึ่งทำได้โดยวางโค้ดด้านล่างนี้ก่อนโค้ด ]]></b:skin>

/* Avatar */
.avatar-image-container img { background:url(http://www.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=35); width:35px; height:35px; }


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

ตอนนี้มีความคิดเห็น : 7 ความคิดเห็น
หากคุณมีปัญหาหรือข้อสงสัยใดๆ สามารถสอบถามได้จากกล่อง comment ด้านล่างนี้ได้เลยครับ

  1. ขอบคุณค่ะ
    จะนำไปลองทำดูน่ะค่ะ

  1. ขอบคุณ...มากๆๆๆ

  1. ยินดีครับผม

  1. อันนี้หมายความว่า ถ้าใครไม่ได้สร้าง avatar ที่เว็บ Gravatar รูปก็ไม่ขึ้นใช่ไหมครับ

  1. @ Tommaso Phakk :ไม่ใช่ครับ ถ้าใครมี Profile ของ blogger ก็จะปรากฎ Avartar ครับ แต่ถ้าเป็นคนที่ไม่ได้ใช้ blogger อาจจะไม่ปรากฎ Avartar ครับ

  1. ขอบคุณครับ

  1. ຂອບໃຈຫລາຍ22222

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

ถ้าต้องการโพส HTML ให้แปลงโค้ดที่เครื่องมือด้านล่างนี้ก่อนครับ

สร้างบล็อก Facebook SEO บล็อก Linkwheel iMacros Link Wheel