วิธีติดตั้ง Forum บน blogger

สอนทำบล็อก

สำหรับผู้ที่เคยใช้งานเว็บบอร์ดต่าง ๆ ก็คงจะเคยใช้งาน Forum สำหรับโต้ตอบ หรือแลกเปลี่ยนประสบการณ์ ระหว่างเพื่อนสมาชิกด้วยกัน และก็คาดว่าหลาย ๆ ท่านก็อยากจะให้บล็อกของตนเองมี กล่องสนทนา และ Forum เพื่อให้สมาชิกได้แลกเปลี่ยนความเห็น หรือซักถามข้อสงสัยต่อเจ้าของบล็อกได้อย่างอิสระ เหมือนกับเว็บบอร์ดบ้าง

บทความนี้ผมจะเสนอวิธีติดตั้ง หรือ สร้าง Forum บนบล็อกของคุณ โดยใช้บริการ Free Forum จาก nabble.com ได้อย่างไม่ยุ่งยาก เรียกว่าสามารถทำได้ภายใน 5 นาที่เท่านั้นครับ



การติดตั้ง Forum มี 2 ขั้นตอนใหญ่ ๆ คือ

1. สร้าง Forum โดยในที่นี้จะใช้บริการ Free Forum ของ nabble.com ซึ่งนอกจากจะมีบริการ Free Forum แล้วยังจะมีบริการ สร้าง Photo Gallery หรือ Create a Newspaper รวมทั้ง สร้างบล็อกเป็นต้น

2. นำโค้ดมาติดตั้งบน blogger ซึ่งจะกล่าวถึงรายละเอียดต่อไป


วิธีสร้าง Forum

ขั้นที่ 1 ไปที่ nabble.com แล้วเลือก Start a Free Forum 


แต่งบล็อก 




ขั้นที่ 2 จากนั้นกรอก user name + Forum name + Description  และกรอกรหัสเพื่อสร้าง Forum

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





ขั้นที่ 3 เมื่อสร้าง Forum แล้ว เราสามารถใช้งาน Forum นี้โดยไม่ต้องลงทะเบียนก็ได้ แต่จะไม่สามารถตั้งค่าต่าง ๆ ใน Forum ได้ 

สอน blogger

3.1 วิธีลงทะเบียน ทำโดยคลิกที่ Register To Claim This Forum 

สอน blogspot 

3.2 จากนั้นก็กรอกข้อมูลให้ครบถ้วน และ Register

ทำ blogger

3.3 จากนั้นให้ตรวจสอบ e-mail ที่คุณใช้ในการสมัคร และกดยืนยันการลงทะเบียน

วิธีทำบล็อก





ขั้นที่ 4 เมื่อยืนยันการลงทะเบียนในขั้นที่ 3 เสร็จสิ้นแล้วให้เข้าไปตั้งค่าต่างๆ ที่  My personal settings

วิธีทำ blogger 

จากนั้นให้ตั้งค่าที่ต้องการ

ทำบล็อก 

เช่น ถ้าต้องการเปลี่ยนรูปก็คลิกที่ Change Avatar เป็นต้น

สอนเทคนิคการปรับแต่ง blogger





 ขั้นที่ 5 ถ้าต้องการตั้งกระทู้หรือบริหารจัดการกระทู้ต่าง ๆ ใน Forum ก็คลิกที่ My post หรือ My post in All Places ก็ได้

สอนทำิบล็อกของblogger


จากนั้นเราจะเห็น ชื่อ Forum ที่ได้สร้างไว้

วิธีทำ blogspot

และเมื่อคลิกเข้าไปจะพบเครื่องมือในการจัดการกับกระทู้ใน Forum ซึ่งถ้าหากต้องการสร้างกระทู้ใหม่ก็คลิกที่ New Topic

ทำบล็อกสร้างรายได้


และสามารถสร้างกระทู้ แนบไฟล์รูปภาพ หรือ ใส่ HTML code และใส่ Emotion icon ได้เช่นเดียวกับ Forum ทั่วไป

ทำบล็อก ทำเงิน



ขั้นที่ 6 การตอบกระทู้ต่าง ๆ ใน Forum ก็ทำได้โดยคลิกที่ reply และการจัดการย้าย ลบ หรืออื่นๆ ก็สามาถทำได้ในส่วนเมนูที่แสดงในรูป

แต่งบล็อก







การนำโค้ดไปติดตั้งที่ Blogger

ขั้นที่ 7 การนำโค้ดไปติดตั้งบน blogger  ทำโดยคลิกที่ Embedding options  


ทำ blog 

จากนั้นคัดลอกโค้ดเพื่อนำไปติดตั้งบน blogger

blogger Gadget 

ซึ่งจะได้โค้ดคล้ายกับโค้ดในตัวอย่างต่อไปนี้

<a id="nabblelink" href="http://n3.nabble.com/Hackublog-Talk-f455631.html">Hackublog Talk</a>
<script src="http://n3.nabble.com/embed/f455631"></script>








ขั้นที่ 8 การนำโค้ดมาติดตั้งบน blogger สามารถทำได้หลายวิธีดังนี้


8.1 ใช้วิธีผังลงไปในแม่แบบ ซึ่งทำโดย

Log in เข้าไปที่ blogger >>  ไปที่แผงควบคุม >> รูปแบบ >> แก้ไข HTML >> ไม่ต้องขยายแม่แบบเครื่องมือ
 
ค้นหาโค้ด </body> แล้ววางโค้ดในขั้นที่ 7 ลงไปและบันทึกแม่แบบ
 
jQuery


8.2 ใช้วิธีเพิ่ม Gadget ซึ่งทำโดย

Log in เข้าไปที่ blogger >>  ไปที่แผงควบคุม >> รูปแบบ >> องค์ประกอบของหน้า

วางโค้ดที่ได้คัดลอกในขั้นที่ 7 ลงไปและบันทึก

CSS 
หาก Gadget ไม่อยู่ในตำแหน่งที่ต้องการก็ให้ ลาก Gadget ไปยังตำแหน่งที่เหมาะสมได้ภายหลัง

blogger trip and trick


8.3 ใช้วิธีเขียนบทความ แล้ววางโค้ดในขั้นที่ 7 ลงไป แล้วเผยแพร่บทความ  จากนั้นสร้าง Link ไปยังบทความที่สร้างขึ้นเพื่อให้สมาชิกเข้ามาที่ Forum ได้  

Blogger Hack



8.4 ใช้วิธีสร้างหน้าเว็บขึ้นมาใหม่ แล้ววางโค้ดในขั้นที่ 7 ลงไป แต่เท่าที่ทดสอบวิธีนี้จะใช้แล้วไม่ได้ผลในบาง Template ถ้าหากคุณลองวิธีนี้แล้วไม่ได้ผล ก็ให้ใช้ 3 วิธีแรกครับ

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

เครดิต Forum : nabble.com
Hack to blogger : Hackublog

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

  1. Url ของ Forum นี้เราสามารถเปลี่ยนได้มั้ยคะ แบบให้เป็นอย่างที่เราต้องการ

  1. @ Rock Addict
    ยกตัวอย่าง Url ได้ไหมครับ ผมไม่เข้าใจจุดที่คุณต้องการเปลี่ยนครับ

  1. ทำตามวิธีข้างต้น ผลที่ได้จะเป็นแบบ Forumในบล็อกนี้เลยใช่ไหมครับ?
    ถ้าไม่ใช่ต้องทำยังไงถึงจะเป็นแบบบล็อกนี้อะครับ?

  1. @ PongSarun : ต้องใช้วิธีของบทความนี้อีกอย่างครับผม
    http://www.hackublog.com/2010/05/how-to-create-difference-pgae-on.html

  1. มีสำหรับ Facebook หรือปล่าวครับ หาเท่าไรก็ไม่เจอ

  1. @ http://Thai-Axapta.com
    ไม่มีครับ เพราะบน facebook มีการตั้งกลุ่ม การสร้าง page อยู่แล้วไม่ต้องใช้ forum ครับ

  1. สวัสดีค่ะ ชื่อด้าร์ค่ะ
    พึ่งเริ่มหัดทำเว็ป ไม่เคยมีความรู้เรื่องนี้มาก่อนเลยค่ะ ศึกษาตาม Google แล้วก็มาเจอเว็ปนี้ค่ะ
    ด้าร์ขอชมว่าแนะนำวิธีทำได้ดีมากๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆเลยค่ะ
    จากที่ด้าร์ไม่รู้เรื่องอะไรเลย แต่ก็สามารถทำขึ้นมาได้เพราะแนะนำได้ละเอียดมากๆค่ะ
    ขอบคุณมากๆๆๆๆๆเลยนะค่ะ ขออนุญาติเป็นลูกศิษย์ได้หรือเปล่าค่ะ แล้วจะเข้ามาเรียนกับอาจารย์บ่อยๆนะค่ะ
    schiiwit-dee-dee.blogspot.com เว็ปด้าร์ค่ะ เผื่ออาจารย์เข้าไปติชม แนะนำและชี้แนะด้วยนะค่ะ

    ด้าร์ค่ะ

  1. ขอบคุณครับคุณดาร์ ติดขัดทำตามบทความใดไม่ถูกก็ถามได้ที่บทความนั้น ๆ เลยนะครับ ส่วนถ้าสงสัยเรื่องอื่น ๆ ที่อาจจะไม่มีบทความในนี้ สอบถามผมได้ที่ http://www.facebook.com/hackublog ได้โดยตรงเลยครับผม

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

  1. @ noomtony : ขอบคุณมากครับ ^ ^

  1. ทำไมติดไปแล้ว Title ของบล็อกจึงเปลี่ยนไปล่ะครับ...มีวิธีแก้ไหมครับ

  1. อาจารย์ครับ พอเอาโค๊ดใ่ส่ บนเมนูแล้ว เมนู ไม่อยู่แนวเดียวกันกับ แก้ยังไงครับ
    เป็นเพราะฟร้อนท์ อักษรไหมครับ

    http://chiangraibanbangkaew.blogspot.com

  1. อ่า ที่นี้ก็มี Forum เอาไว้ใช้ใน Blog แล้ว

    แต่ก่อนใช้ Discuz ในการทำ Forum เหอะๆ

  1. ดีมากครับขอบคุณครับ

  1. พี่ครับ วันนี้ลองเอาลงดูแล้ว แต่ กระทู้ แนบไฟล์รูปภาพ หรือ ใส่ HTML code และใส่ Emotion icon ต่างๆมันไม่มีอ่ะครับไม่ทราบว่าต้องตั้งค่าตรงไหนครับ

  1. http://www.hackublog.com/2010/05/easy-install-yahoo-mediaplayer-on.html?showComment=1339052730427#c144378004554371273

  1. หากต้องการให้มันขยายใหญ่กว่านี้ทำไงอ่ะครับ

  1. ทำให้ช่องใหญ่กว่านี้ได้อีกใหมครับ

  1. ความคิดเห็นนี้ถูกผู้เขียนลบ
  1. กล่องความเห็น ใช่ เว็บบอร์ด. หรือ เป็นอะไร

  1. ฟรีตลอดหรือไม่

  1. ขอบคุณมากครับที่ให้ความรู้ ฝากบล็อกของผมด้วยนะครับ http://healthy4younajar.blogspot.com

  1. แล้วถ้าอยากให้เพื่นร่วมงานลงบทความในบล็อกของเราได้มั้ยครับ

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

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

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