วิธีโพส HTMLโค้ดใน Blogger Comment Box

สอนทำบล็อก วิธีสร้าง blog และการแต่ง blogger บทความนี้เป็นเทคนิคการใช้งาน Blogger ที่คุณควรจะทราบ เพราะเป็นสิ่งที่สำคัญในการ Comment บทความต่าง ๆ ใน Blogger

โดยปกติแล้วการ Comment บล็อกของ Blogger สามารถพิมพ์ข้อความใดก็ได้ และสามารถใส่แท็ก HTML ที่เป็นการจัดรูปแบบข้อความบางอย่างได้ เช่น  แท็ก <b>, <i>, <a> เป็นต้น แต่เมื่อพิมพ์แท็ก HTML อื่น ๆ  เช่น <div> ,<script> <img> ฯลฯ ลงในกล่อง comment แล้วส่งความคิดเห็น การส่งความคิดเห็นครั้งนั้นจะล้มเหลวทันที

ในบทความนี้ผมจะเสนอวิธีการแก้ปัญหาในกรณีที่ได้กล่าวมาข้างต้น 2 วิธีด้วยกัน


วิธีที่ 1 ใช้วิธีเปลี่ยนสัญลักษณ์บางอย่างเพื่อให้ระบบ Comment มองข้อความที่เราพิมพ์ไม่เป็น HTML แต่ผลที่ได้ก็ยังเป็นอักษณที่ต้องการ

อักษรที่ต้องเปลี่ยนมีดังนี้

สัญลักษณ์
แทนด้วย
<
&lt;
>
&gt;
"
&quot;
'
&#039;
&
&amp;
  
เช่น ถ้าผมต้องการโพส
<script type='text/javascript' src="/feeds/comments/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>
ก็จะต้องแก้โค้ดเป็น

&lt;script type=&#039;text/javascript&#039; src=&quot;/feeds/comments/default?orderby=published&amp;amp;alt=json-in-script&amp;amp;callback=rp&quot;&gt;
&lt;/script&gt;
แล้วจึงโค้ดที่เปลี่ยนแปลงแล้วไปโพสในกล่อง Comment ได้อย่างไม่มีปัญหาครับ


วิธีที่ 2 วิธีนี้จะง่ายกว่าครับเพราะทำได้รวดเร็ว คือเป็นการเปลี่ยนโค้ดเช่นเดียวกับวิธีแรก แต่ใช้เครื่องมือด้านล่างนี้ช่วยครับ





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

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

  1. ผมอยากให้มีการใส่ชื่อเวลาโพสด้วยอะครับ ต้องทำไงครับ คือแบบที่ให้มามันไม่มีชื่อ ไม่ใช่ขึ้นว่าไม่ระบุชื่ออะครับ

  1. @ HAHA: ไม่ทราบว่าบล็อกไหนหรือครับ แล้วที่ถามเกี่ยวกับบทความนี้หรือเปล่าครับ ผมอ่านแล้วยังงง ๆ เล้กน้อย จับใจความได้ว่าเวลาโพสไม่มีชื่อคนโพสอย่างนี้หรือเปล่าครับ ถ้าใช่ก็ไปตั้งค่าในกล่องบทความบล็อก โดยดูบทความนี้เป็นแนว
    http://www.hackublog.com/2010/05/customization-post-element-on-blogger.html
    อ่านเฉพาะตอนต้น ๆ ครับ

  1. <script type='text/javascript' src="/feeds/comments/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
    </script>

  1. @ baracudasit : เป็นไงครับทดลองแล้วเยี่ยมเลยใช่ไหมครับ ^ ^

  1. อยากใส่ comment ให้คนอื่นแสดงความคิดเห็นทำยังไงค่ะ
    ช่วยตอบได้ไหม
    nana.nut@hotmail.com

  1. @ kroonat : ใน Blogger ทุกบล็อกจะมีกล่อง comment ให้อยู่แล้วนะครับ เพียงแต่ต้องคลิกเข้าไปอ่านด้านในบทความจึงจะเห็น แต่ถ้าหากคลิกเข้าไปแล้วไม่พบก็แสดงว่าระบบ comment ยังถูกปิดอยู่ รบกวนศึกษาวิธีตั้งค่าที่บทความ การตั้งค่าพื้นฐานใน Blogger

    และถ้าต้องการเชื่อมโยงกับการ Comment ด้วย facebook ก็สามารถศึกษาได้จากบทความ การติดตั้ง Facebook Social Plugins ใน blogger

  1. Thanks for your information.

  1. ความคิดเห็นนี้ถูกผู้เขียนลบ
  1. <a href="jav4load.blogspot.com" target="_blank">

  1. <script type='text/javascript' src="/feeds/comments/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
    </script>

  1. <a href="http://do-web-box.blogspot.com/" target="_blank"><img alt="ทำเว็บบล็อกเกอร์" height="130" src="http://upic.me/i/wz/www..com.jpg" title="www.ทำเว็บบล็อกเกอร์.com" width="125" /></a>

  1. ม่ายเข้าใจเลย

  1. ผมจะลบกล่องข้อความ author description ใต้บทความออกยังไงครับ ผมลบแต่ข้อความได้ แต่รูปกับกล่องมันยังอยู่
    ไปหาที่ไหนก็ไม่เจอ แก้ใน html ไปแล้วแต่จะทำยังไงต่อไปดีครับ

  1. ยอดครับ

  1. music video&amp;amp;amp;amp;gt;&amp;amp;amp;amp;gt; http://www.youtube.com/watch?v=343AtxSFG1w&amp;amp;amp;amp;amp;amp;amp;amp;feature=g-all-u&amp;amp;amp;amp;amp;amp;amp;amp;context=G2e6794eFAAAAAAAAAAA

  1. music video Original Videohttp://www.youtube.com/

  1. music video Original Video>>http://www.youtube.com/
    ronaldo video http>>://www.youtube.com/watch?v=p0nf7ufiAVU&amp;amp;amp;amp;amp;feature=g-all-u&amp;amp;amp;amp;amp;context=G2bf09e5FAAAAAAAAFAA

  1. music video&amp;amp;amp;amp;gt;&amp;amp;amp;amp;gt; http://www.youtube.com/watch?v=343AtxSFG1w&amp;amp;amp;amp;amp;amp;amp;amp;feature=g-all-u&amp;amp;amp;amp;amp;amp;amp;amp;context=G2e6794eFAAAAAAAAAAA

  1. ยังไงต่อ จะเอาไปสร้างใน web ยังอ่ะ

  1. <a href="https://plus.google.com/u/0/photos/115808520434767562418/albums/5591382640416733729/5792171040322051986" shape="rect" target="_blank"><img height="417" src="https://lh3.googleusercontent.com/-Vft8U6wlRmc/UGHs33izX5I/AAAAAAAABLg/Jk2LOoYXVFs/s640/pak_fah_din435.jpg" width="640" /></a>

  1. เรียนถาม

    blogger ของ google (blogsport) ทำอย่างไรถึงจะโพสต์รูปภาพ แปะลิงค์ในช่อง comment ของบล็อก เพื่อโพสต์ได้เช่นเดียวกับข้อความ เหมือนบล็อกอื่น ๆ เช่น mblog oknation blog ครับ

  1. good job ka

  1. ทดสอบ ของขวัญวันวาเลนไทน์ ซะหน่อย <a href="http://www.gadgetmashow.com/store/product/view/%E0%B9%82%E0%B8%84%E0%B8%A1%E0%B9%84%E0%B8%9F%E0%B8%81%E0%B8%A3%E0%B8%B0%E0%B8%96%E0%B8%B2%E0%B8%87%E0%B8%95%E0%B9%89%E0%B8%99%E0%B8%A3%E0%B8%B1%E0%B8%81-23997257-th.html" title="โคมไฟกระถางต้นรัก"><img src="http://static.weloveshopping.com/shop/client/000049/gadgetmashow/a401.jpg" alt="โคมไฟกระถางต้นรัก" /></a>

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

  1. ความคิดเห็นนี้ถูกผู้เขียนลบ
  1. ทดสอบการเขียนลิงค์ ลงบลีอก ไม่รู้ได้ป่าว ถ้าแสดงผลเป็นลิงค์ได้ แสดงว่าสำเร็จอิอิ มีปัญหาตรงไหนก็สอบถามกันเข้ามาได้นะครับ
    แจกโปรแกรมตัวเต็มฟรีๆ, ตัวเต็มถาวร

  1. ไหนขอทดสอบอีกทีเพื่อความชัว เมื่อวานสอนไปคนนึงแต่ทำทำไม่ได้
    ดูซีรี่ย์ออนไลน์

  1. ความคิดเห็นนี้ถูกผู้เขียนลบ

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

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

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