วิธีเปลี่ยนระบบ Comment บน Blogger ให้เหมือน Website

ปกติใน Blogger นั้นจะมีระบบการ Comment อยู่แล้ว แต่ปัจจุบัน (พฤษภาคม 2010) ระบบการ Comment ใน Blogger ก็ยังมีข้อจำกัดในการใช้งานอยู่หลายอย่าง โดยเฉพาะในเรื่องการโต้ตอบระหว่างสมาชิกด้วยกัน หรือการโต้ตอบกันเฉพาะรายคน หรือที่เรียกว่า Reply comment ซึ่งถ้าเทียบกับ Blog ชนิดอื่น ๆ เช่น Wordpress ก็จะเห็นความแตกต่างอย่างชัดเจน


เปลี่ยนระบบ Comment บน Blogger ด้วย  intensedebate

ในบทความนี้จึงจะเสนอการเปลี่ยนระบบการ Comment บน Blogger โดยใช้บริการ Comment Pack ของ Intensedebate.com ซึ่งเป็นการแทนที่ระบบการ Comment ของ Blogger ในบล็อกของคุณเท่านั้น ส่วนการใช้งานในเรื่องอื่น ๆ ก็ยังคงเดิม

ขั้นตอนการติดตั้ง ระบบ Comment ใหม่

ขั้นเตรียมการ

ให้ทำการ Back up template ปัจจุบันเอาไว้ก่อน เพื่อเป็นการป้องกันความผิดพลาดและเป็นการเตรียมไฟล์เอาไว้ติดตั้งระบบ Comment ระบบใหม่ ซึ่งผลที่ได้ จะเป็นไฟล์สกุล XML ดังภาพ

สอนทำบล็อก


ขั้นการติดตั้ง

ขั้นที่ 1 ให้ไปลงทะเบียนกับ http://intensedebate.com

วิธีทำ blog ของ Blogger 

และในขั้นการสมัครให้เลือกตัวเลือก “I want to install IntenseDebate on my blog or website” ดูรูปด้านล่าง

ทำ blogger
จากนั้นไป Verify email เพื่อให้การสมัครสมบูรณ์ และเป็นการยืนยันว่า email นำไปสมัครมีตัวตน และเป็นของเราจริง

แต่งบล็อกของ blogger

ขั้นที่ 2 เมื่อ Verify email ในขั้นที่ 1 แล้วระบบจำนำมาสู่การป้อนข้อมูลและการตั้งค่าต่าง ๆ เพื่อติดตั้งระบบ Intensedebate Comment ลงในบล็อก ในขั้นนี้ให้คุณกรอก URL ของบล็อกของคุณลงไปและกด Next Step

Comment blogger
และต่อมาก็เลือกชนิดของบล็อกเป็น blogger

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


ขั้นที่ 3 ในขั้นถัดมาเป็นขั้นที่สำคัญมาก ให้คุณเลือกตั้งค่าต่าง ๆ โดยเลือกตัวเลือกทางซ้ายมือ และควรทำอย่างละเอียดอ่อน

วิธีทำ blogspot

3.1 ในข้อ 1ตั้งค่าว่าจะติดตั้งลงไปแทนที่ระบบ Comment ใน Template หรือจะติดตั้งในลักษณะที่เป็น Widget เท่านั้น (แนนำให้เลือก Template )

3.2 ในข้อ 1ตั้งค่าว่าจะให้แทนที่ระบบ Comment ในบทความใหม่อย่างเดียวหรือจะแทนที่ระบบ Comment ในทุก ๆ บทความทั้งเก่าและใหม่ อันนี้เลือกเอาตามใจชอบครับ


โค้ดแต่งบล็อก

3.3 ต่อมาในข้อ 3. ให้คลิกที่ open Blogger.com ซึ่งจะพบขั้นตอนขึ้นมาอีก 4 ขั้นตอน คุณอาจจะ Log in เข้าไปที่ Blogger ในขั้นตอนนี้เลยก็ได้

สอนสร้างบล็อก และวิธีแต่งบล็อก blogger  
3.4 จากนั้นให้ข้ามขั้นตอนมาขั้นตอนที่ 4 ได้เลย เพราะในขั้นเตรียมการคุณได้ดาวน์โหลดไฟล์ของ Template เอาไว้แล้ว  และทำการ Upload ไฟล์สกุล XML ที่ได้ดาวน์โหลดเอาไว้ในขั้นเตรียมการ

ทำบล็อก 

3.5 เมื่อ Upload ไฟล์ขึ้นมาแล้ว ให้ย้อนกลับไปคัดลอกไฟล์ในข้อ 3 ทางซ้ายมือดังรูป

วิธีทำ blog

3.6 เมื่อคัดลอกแล้วให้นำมาวางแทนที่โค้ด Template เดิม ที่เปิดอยู่ทางขวามือและบันทึกแม่แบบ

สอนสร้าง blogger


เพียงเท่านี้คุณก็จะได้ระบบ Comment ใหม่ใน Bloggerแล้วครับ

 

ในส่วนของการตั้งค่าอื่น ๆ คุณสามารถ Log in เข้ามาตั้งค่าที่ http://intensedebate.com/user-dashboard ในภายหลังได้ เช่น การเปลี่ยน Avatar ใน Profile หรือการเชื่อมโยงกับ Social networked อื่น ๆ ก็ทำได้ ลองเรียนรู้การปรับแต่งดูด้วยตัวเองอีกครั้งครับ

สร้าง blospot
แต่งบล็อก


สุดท้ายคิดว่าบทความนี้น่าจะเป็นประโยชน์สำหรับ Blogger ทุกท่านครับ หากชอบบทความนี้ก็บอกต่อด้วยครับ สวัสดีครับ...

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

  1. ขอบคุณค่ะพี่

    แต่ตอนนี้สงสัยอีกอย่าง ถ้าเรา

    ไม่เอาแบบ ให้คลิก 1 ความคิดเห็น แล้วค่อยมี กล่องคอมเม้นส์ขึ้น
    แต่ต้องการให้ กล่องคอมเม้นส์ขึ้นเลย ทำได้ไหมคะ แบบช่วยชี้แจงหน่อยค่ะ

  1. คอมเม้นส์แบบ เว็บไซค์ ลองทามตามที่พี่บอกแล้วนะคะ แต่ไม่ติดค่ะ TT

  1. @teenbag:
    1. ตั้งค่าตรงข้อคิดเห็น ไม่ต้องตรวจสอบการสะกดคำครับ และไม่ต้องตรวจสอบความคิดเห็นครับ

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

  1. อันนี้ทำสำเร็จแล้วค่ะ แต่จะแก้ปัญหาให้มีกล่องขึ้นมาที่หน้าเพจ โดยไม่ต้องกด comment ยังไงดีคะ แก้ไม่ตก -*-/

  1. @teenbag:

    1. ถ้าจะยังใช้วิธีในบทความนี้ ให้เลือกติดตั้งเป็นแบบ widget (อ่านขั้นที่ 3 ในบทความ)
    2. แนะนำให้ทำ read more เพราะจะทำให้คนตามเข้าไปอ่านต่อและเจอกล่อง comment ครับ โดยมีให้เลือก 2 วิธี
    2.1 http://www.hackublog.com/2010/04/automatic-readmore-for-blogger-newhack.html
    2.2 ใช้ฟังก์ชัน read more ของ Blogger in draft โดยเวลาเขียนบทความ ให้ Login เข้าจาก http://draft.blogger.com
    ดูรูป >> http://upic.me/i/ym/20100506_121035.png

  1. อยากถามว่า กล่องความคิดเห็นของคุณ Hackublog ที่ใช้อยู่นี้...ก็ทำแบบเีดียวกันใช่ไหมครับ...(หมายถึงตัวนี้แหละ)

  1. @ คุณ Tommaso Phakk : ผมใช้กล่อง Comment ของ blogger ตามปกติครับ แต่มีการปรับแต่งโค้ดเล็กน้อยครับ

  1. อยากได้โค้ดที่แบบคุณใช้อยู่อ่ะคับ สวยดี

  1. @ fam : พอดีโค้ดแม่แบบของผมมันต่างจากของคนอื่นที่ปรับแต่งแล้วเลยเขียนบทความเล่าเอาไว้ไม่ได้ครับ ยังไงผมจะลองปรับจากแม่แบบมาตรฐานให้สวยงามแล้วเขียนบทความให้นะครับ

  1. ลองทำดูแล้วค่ะ แต่คอมเม้นไม่ได้เลย ไม่รู้เป็นอารัย ในadsense รายงาน วิเคราะห์เว็บไซ ว่า urlที่ถูกบล็ิอกมี facebook plugins ด้วย จนปัญญาจริงๆ พี่รู้ วิธีแก้ป่าวค่ะ

  1. @ krukhwan : เรื่อง AdSense ไม่เกี่ยวข้องแน่นอนครับ ขอดูตรงที่ติดตั้งแล้ว Error ได้หรือเปล่าครับ

  1. ขอบคุณค่ะ ตอนนี้แก้ได้แล้ว แต่อยากถามต่อว่า ถ้าไฟล์ vdo ยาวเกิน 10 นาที จะฝากเว็บไหนแล้วเอาขึ้นบล็อกได้บ้างค่ะ ต้องทำยังไงค่ะ ถึงจะเอาลงบล็อกได้

  1. อ.hack อยากเอา comment แบบนี้ออกต้องทำไงบ้างค่ะ กลับไปใช้แบบเดิม เพือนๆ บอกว่าใช้ยาก งงด้วย แล้วก็ถ้าเอาออกแล้วที่เคยมีคนมา comment ไว้จะหายมั้ยค่ะ รบกวนด้วยนะค่ะ

  1. คนมา Comments ต้องหายครับ วิธีเอาออก
    1. เอาไฟล์ที่ backup ไว้มาแทนที่ หรือ
    2. ถ้าไม่ได้ backup ไว้ ให้เปลี่ยนแม่แบบใหม่ โดยเลือกรูปแบบแม่แบบให้เหมือนเดิมครับ
    3. อาจจะไล่ลบโค้ดโดยขยายแม่แบบก่อนแล้วค้นคำว่า intensedebate เจอโค้ดที่เกี่ยวข้องก็ลบออกครับ

  1. ความคิดเห็นนี้ถูกผู้เขียนลบ
  1. อ.hack ทำได้แล้วค่ะ ^__^

  1. กล่องcomment ของอ.hack ตั้งเฉพาะคนมีบัญชีgoogle เท่านั้นถึงจะcomment ได้ใช่มั้ยค่ะ

  1. ติดตามผลงานอาจารย์มาหลายชิ้นแล้ว ต้องขอบคุณที่ทำให้ blog ของดิฉันเป็นรูปเป็นร่างขึ้นมา
    แต่ตอนนี้มีปัญหาที่แก้ไม่ตกอยู่ 2-3 เรื่อง อยากรบกวนอาจาร์ยช่วยแนะนำด้วยคะ
    link ของ blog นะคะ http://ree0202.blogspot.com/

    1.่เพื่อนหลายๆ คนบอกว่า comment ใน blog ไม่ได้คะ
    2.อยากให้ช่อง comment โชว์ขึ้นมาเลยคะ blog ของดิฉันต้องกด ที่ "แสดงความคิดเห็นก่อน"
    จึงจะขึ้นกล่องให้ comment ได้คะ
    3.อยากให้ 1 หน้า แสดง 1 เรื่องคะ (ตอนนี้เรื่องมันต่อๆ กันไป ดูไม่สวยงามเลยคะ)

  1. ความคิดเห็นนี้ถูกผู้เขียนลบ
  1. อ.ค่ะ ตั้งค่าopenid ของintensedebate ไม่ได้นะคะ อยากให้เพื่อนๆเข้ามาเม้นแล้วมีภาพประจำตัวขึ้นดดยใช้ระบบopenidนะคะตั้งค่า ไม่ได้เสียที่ทำยังไงคะ

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

  1. ผมเข้าไปลบแล้วครับ...ไปลบที่โค้ด แต่ว่าไม่รู้ว่าโค้ดมันเริ่มและจบตรงไหน? ก็เลยลบมั่ว ๆ ไป
    ที่สุดพอบันทึก...กลับบันทึุกไม่ได้...ผลที่ออกมาคือ ไม่ออกไปครับ..
    ผมเปลี่ยนแทมเพลตไม่ได้ เพราะตัวที่ใช้อยู่ปรับแต่งจนไ้ด้ที่แล้ว...
    แต่ก็อยากจะเอาออกมากเลยครับ เพราะตอนนี้ใช้comment ของ facebook อยู่ เวิร์กดีครับ

  1. ลบได้แล้วครับ...พยายามจนได้...แฮ่ๆๆ
    ไม่เก่งเรื่องโค้ดเท่าไร??? ลองผิดลองถูกอยู่นาน
    แต่ก็ขอบคุณนะครับ..อาจารย์

  1. ที่บอกว่าให้เอาโคดไปไว้เเทนที่โคดเดิมนี่หมายถึงโคดอะไรเหรอคะ?
    หรือว่าเอาไปเเปะไว้ตรงใหนก็ได้...ช่วยทีค่ะ..
    พอดีไม่รู้เรื่องโคดพวกนี้เท่าไหร่ ขอบคุณค่ะ

  1. ความคิดเห็นนี้ถูกผู้เขียนลบ
  1. มีปัญหาในการติตตั้งคะ คือ
    -เม้นส์แล้วมันไม่แจ้งว่า ตรงจำนวนเม้นยังเป็น 0 ตลอดเวลาเลยคะ
    -บางทีก็เม้นส์ไม่ขึ้นคะ
    -เจ้าของบล็อกเองไม่สามารถแก้ไขคอมเม้นส์ได้แต่บัญชีของผู้ใช้อื่นกลับความคุมคอมเม้นได้ทั้งเม้นส์ของตนเองและคนอื่น(อันนี้เห้นแล้วช็อกมากเลยคะ)
    ขอคำแนะนำด้วยนะคะ^^

  1. แล้วมันจะอัพเดทคอมเม้นให้หรือป่าวครับ ตรง gadget คอมเม้นล่าสุดอะครับ

  1. ใช้แล้ว recent comment ไม่ทำงานครับ มีวิธีแก้ไขหรือเปล่าครับ ถ้ามีรบกวนขอความช่วยเหลือด้วยครับ

  1. ใช้ได้แล้วครับใช้ widget ของ IntenseDebate

  1. เกิดปัญหาครับผม ขอความช่วยเหลือด้วยครับ
    -ถ้าอยากลบกล่อง comment IntenseDebate ออกอยากใช้ระบบเดิมต้องทำอย่างไรครับผม
    ขอบคุณล่วงหน้าครับ ^_^!

  1. ขอบคุณมากค่ะ กำลังหาวิธีอยู่พอดี

  1. สุดยอดผลิตภัณฑ์ในการลดน้ำหนักที่สกัดจากพืชผลไม้และสมุนไพร ปลอดภัย ไร้สารเคมีไม่มีโยโย่เอฟเฟค
    http://www.slimup2u.com/id.php?id=301

  1. แบบของไดนามิคทำไม่ได้ครับ

  1. ความคิดเห็นนี้ถูกผู้เขียนลบ
  1. The share your really gives us excitement. Thanks for your sharing. If you feel tired at work or study try to participate in our games to bring the most exciting feeling. Thank you!
    red ball 4 | hola launcher | cooking fever | paradise bay | agario

  1. Posts shared useful information and meaningful life, I'm glad to be reading this article and hope to soon learn the next article. thank you
    download messenger | messenger indir | messenger | messenger download | messenger indir | messenger indir | download messenger | messenger indir

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

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

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