วิธีปรับขนาดกล่อง Comment ในบทความของ Blogger


สอนวิธีทำ blogger

บทความนี้ก็เป็นอีกหนึ่งเทคนิคง่าย ๆ ในการปรับแต่งกล่อง comment ใน blogger ซึ่งขนาดความกว้างเดิมนั้นจะไม่พอดีกับความกว้างของบทความ (หรือส่วนของ #main wrapper) และเมื่อปรับแต่งแล้วจะทำให้ พื้นที่ในการพิมพ์ข้อความของสมาชิกเพิ่มขึ้น และการ comment ของสมาชิกก็ง่ายขึ้นไปด้วย อีกทั้งเมื่อปรับแต่งแล้วก็ทำให้บล็อกของคุณดูดีขึ้นอีกมากเลยทีเดียว





วิธีปรับแต่ง

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



สอนทำบล็อก และวิธีทำ blogspot


1. ค้นหาโค้ดต่อไปนี้


    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' scrolling='no' src='' width='100%'/>


Trick ในการค้นหาให้เร็ว

กด Ctrl + F และใช้คำค้นว่า <iframe  จะทำให้พบอย่างรวดเร็วมาก


2. แก้ค่าความกว้างจาก width='100%' เป็น ค่าความกว้างที่ต้องการเช่น  ถ้าต้องการให้กว้าง 500 px ก็ แก้เป็น width='500'

ซึ่งจะได้โค้ดใหม่เป็น

           <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='500'/>




แสดงตัวอย่างดู หากความกว้างเป็นที่ต้องการแล้วก็บันทึกแม่แบบได้เลยครับ


วิธีทำ blogger

สอน blogger

หวังว่าบทความนี้จะช่วยให้บล็อกของคุณดูดีขึ้นนะครับ 

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

  1. พี่คือหนูงง มาก ทามไม comment หน้าเว็บหนูไม่ขึ้น แก้ปัญหาทั้งโค้ด ทั้งตรง ข้อคิดเห็นที่ setting แล้ว มีปัญหามากๆ เลย กลุ้มใจ -*-/

  1. @teenbag: ดูให้แล้วระบบ Comment ปกติดีครับ
    1. คลิกที่หัวข้อของบทความแล้วจะเห็นกล่อง Comment ครับ
    2. เข้าไปตั้งค่าตรงข้อคิดเห็นใหม่ครับ อ่านทำความเข้าใจให้ดีครับ

  1. ผมอยากเปลี่ยนสีพื้นหลังของข้อความที่คนมาแสดงความคิดเห็น ต้องทำยังไงหรอคับ

  1. @Admin ลั่นล้า : ต้องขอดู URL ครับเพราะโค้ดอาจจะต่างจากที่ผมบอกไป จะระบุสีมาเลยก็ได้นะครับ เดี๋ยวดูโค้ดให้ครับ

  1. URLคับ http://konlunla.blogspot.com , http://movielunla.blogspot.com , http://lunla18.blogspot.com
    3 บล็อกนี้ ผมรวมกันเป็น เว็บเดียวคับ KonLunLa คือหน้าหลัก คับ
    ส่วนสี นั้น ให้พี่ Hack คิดให้เลยคับ ว่าสีไหนดี

  1. @Admin ลั่นล้า : ใช้โค้ดประมาณนี้ครับผม

    #comments-block{
    background: #DEDADA;
    border: 1px solid #000;
    padding: 5px;
    }

  1. #comments-block{
    background: #DEDADA;
    border: 1px solid #000;
    padding: 5px;
    }

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

  1. กล่องcomment ของบล็อกเกอร์ หาย(ถอด เลิกใช้ จำไม่ได้) ตอนเชื่อมโยงกับ google+
    พอบล็อกเกอร์ เลิกเชื่อมโยงกับ google+ ก็ยังเป็นกล่องcomment ของ google+
    .
    มีบล็อกเกอร์ของฝรั่ง โพสต์รูปภาพในกล่องcommentได้ ลองทำแล้ว ได้ผล เห็นว่าแปลกดี อยากไปใช้แบบเก่า
    .
    ตัวอย่าง 1
    กล่องcomment เปลี่ยนเป็นแบบ google+ รูปที่เคยโพสต์ เปลี่ยนเป็นcode
    samunchon blogspot
    http://samunchon-chonsamun.blogspot.co.uk/2012/09/4.html

    ตัวอย่าง 2
    บล็อกเกอร์เชื่อมโยงกับ google+ แต่กล่องcomment ยังเป็นแบบเดิม
    khonsamun blogspot
    http://samunchon-khonsamun.blogspot.co.uk/2015/03/blog-post_31.html
    .
    ขอบคุณครับ

  1. กล่องแสดงความคิดเห็น ยังไส่ไม่ได้เลยค่ะ ปกติมี แล้ว หายไป งงงงงง มาก

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

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

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