วิธีติดตั้ง Quick Reply Comment Button บน Blogger

บทความนี้เป็นเทคนิคการปรับแต่งการ Comment ของ Blogger ให้ใช้งานได้ง่ายขึ้น โดยการติดตั้งปุ่ม Quick Reply ลงไปในแต่ละ Comment ของผู้ใช้ Blogger ซึ่งทำให้การตอบ Comment ระหว่างผู้ใช้ด้วยกัน หรือระหว่าง Admin กับ ผู้ใช้ทำได้สะดวกขึ้นมาก

สอนทำบล็อก


วิธีติดตั้ง

Log in blogger เข้าไปที่  >> ไปที่แผงควบคุม >> รูปแบบ >> แก้ไข HTML >> ขยายแม่แบบเครื่องมือ

วิธีสร้าง blog

ขั้นที่ 1 ติดตั้งโค้ด

โค้ดสำหรับติดตั้งปุ่ม Quick Reply คือ

<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=xxxxxxxxxxxxxxxxxxx&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=700&quot;); return false;'><img alt='Reply To This Comment' src='http://upic.me/i/1h/replybutton.png'/></a>

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

กรณีที่ 1 ถ้าค้นหาโค้ด
<dd class='comment-footer'>
แล้ววางโค้ด Quick Reply  ถัดจากโค้ดดังกล่าวผลที่ได้เป็นดังรูปด้านล่าง

วิธีทำบล็อก


กรณีที่ 2 ถ้าค้นหาโค้ด
<b:include data='comment' name='commentDeleteIcon'/>
แล้ววางโค้ด Quick Reply  ถัดจากโค้ดดังกล่าวผลที่ได้เป็นดังรูปด้านล่าง
สอนทำ blogger

กรณีที่ 3 ถ้าค้นหาโค้ด
<data:comment.body/>
แล้ววางโค้ด Quick Reply  ถัดจากโค้ดดังกล่าวผลที่ได้เป็นดังรูปด้านล่าง

สอน blogspot


กรณีที่ 4 ถ้าค้นหาโค้ด
<data:commentPostedByMsg/>
แล้ววางโค้ด Quick Reply  ถัดจากโค้ดดังกล่าวผลที่ได้เป็นดังรูปด้านล่าง

สอนแต่งบล็อก



ขั้นที่ 2 วิธีปรับแต่งโค้ด

โค้ด xxxxxxxxxxxxxxxxxxx

ให้เปลี่ยนเป็น blogID ของคุณซึ่งสามารถดูได้จาก Address bar ใน Browser ของคุณเมื่อเปิดดูรูปแบบของบล็อก

สอนสร้างบล็อก

โค้ด width=600,height=700

คือความกว้างของหน้าต่าง Popup Comment Box เมื่อเราคลิกที่ปุ่ม Quick Reply

แต่งบล็อก


โค้ด <img alt='Reply To This Comment' src='http://upic.me/i/1h/replybutton.png'/>

คือภาพของปุ่ม Quick Reply  และโค้ด http://upic.me/i/1h/replybutton.png คือ URL ของภาพที่ใช้คุณสามารถเปลี่ยนรูปภาพเป็นรูปภาพอื่น ๆ ได้ หรือเลือกใช้ปุ่มที่เข้ากับแม่แบบของคุณดังนี้


ปุ่มสีเขียว

ทำบล็อก

http://upic.me/i/3d/replygreen.png

ปุ่มสีน้ำเงิน

สอน blogger

http://upic.me/i/r6/replyblue.png

ปุ่มสีเทา

วิธีสร้าง blogger

http://upic.me/i/ow/replygray.png

ปุ่มสีชมพู

วิธีทำ blog และการปรับแต่ง blogger

http://upic.me/i/50/replypink.png

ปุ่มสีแดง

วิธีทำ blogspot

http://upic.me/i/7g/replyred.png

นอกจากนี้คุณยังสามารถแทนโค้ด <img alt='Reply To This Comment' src='http://upic.me/i/1h/replybutton.png'/> ด้วยข้อความได้  เช่น Reply หรือ ตอบด่วน เป็นต้น

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

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

  1. เชิญทดสอบ Quick Reply ได้เลยครับ

  1. @Mr.Hackublogทดสอบคับ^^

  1. ยัง..งง อยู่ครับ test หน่อยครับ

  1. ผมถอดถอนการติดตั้งออกไปแล้วครับคุณ บงกช

  1. ขอบคุณค่ะ

  1. thx so much ^^"
    --------------------------------
    ~+๐oO[ ลอตเตอรี่ ]Oo๐+~
    --------------------------------
    ~+๐oO[ มีตรวจหวยรางวัลที่1ด้วย ]Oo๐+~
    --------------------------------
    ~+๐oO[ คู่ ]Oo๐+~
    --------------------------------
    ~+๐oO[ ลอตเตอรี่ออนไลน์ ]Oo๐+~
    หาไม่เจอ ให้เซิดกูเกิลว่า
    "ลอตเตอรี่ออนไลน์"
    โทร 0863132381/082-0793134
    ragtrixro@yahoo.com
    หรือจำไว้ว่า http://www.ลอตเตอรี่ออนไลน์.com

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

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

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