วันอาทิตย์ที่ 17 กุมภาพันธ์ พ.ศ. 2562

✿ วิธีฝังโค้ด HTML ลงใน Blog

     เนื้อหาในหน้านี้ต่อเนื่องมาจาก ✧ Widget ✧ แสดงที่ตั้งและสถิติของผู้เยี่ยมชมบล็อกหรือเว็บไซต์ ค่ะ ข้อมูลในนั้นเป็นการแนะนำให้ติดตั้งวิดเจ็ตเกี่ยวกับการดูสถิติของผู้เยี่ยมชมว่าอยู่ที่ไหน ประเทศอะไร เข้าเยี่ยมชมกี่ครั้ง เป็นต้น และจะต้องมีการฝังโค้ด HTML ลงในบล็อกด้วย เจ้าของบล็อกก็เลยย้ายข้อมูลการฝังโค้ดมาเขียนไว้ในบล็อก My Pensieve นี้แทนค่ะ เพราะสามารถใช้ในการฝังโค้ดได้ทุกอย่าง

     การยกตัวอย่างจะใช้โค้ดของ RevolverMaps และ Flag Counter นะคะ

วิธีฝังโค้ด HTML ใน Blog


1. เข้าไปที่ 'การออกแบบ'
2. เลือก 'รูปแบบ'



4. คลิก 'เพิ่ม Gadget'



5. คลิกเพิ่ม 'HTML/จาวาสคลิปต์'



6. วางโค้ดในช่องเนื้อหา และคลิก 'บันทึก' ตรงส่วนที่เป็นชื่อจะตั้งชื่อก็ได้หรือไม่ตั้งก็ได้ค่ะ 



ตัวอย่างโค้ด HTML



     เมื่อแต่งรายละเอียดทุกอย่างเรียบร้อยแล้ว ถ้าเป็นการฝังโค้ดข้อมูลใหม่ก็ copy code ไปไว้ในช่อง HTML ของ Blog ได้เลย สังเกตด้านข้างจะติ๊กอยู่ในช่อง new map




     แต่ถ้าเป็นการปรับปรุงใหม่ เช่น อยากเปลี่ยนสีจุดหรืออยากเปลี่ยนแบบตัวอักษร โดยที่ยังคงสถิติเดิมเอาไว้ ให้เลือกที่ update จากนั้น Copy โค้ดเก่าทั้งหมดไปวางไว้ในช่องสีเล็ก ๆ  ด้านข้าง แล้วกด Submit รอประมวลผลสักครู่แล้วค่อย copy code ใหม่ในช่องใหญ่กลับไปไว้ในบล็อกค่ะ



2. Flag Counter

     เมื่อปรับแต่งรายละเอียดที่เราต้องการเรียบร้อยแล้ว ก็จะได้โค้ด HTML ค่ะ Copy โค้ดแถวแรกไปวางในบล็อกได้เลย




     แต่ Flag Counter ไม่สามารถปรับปรุงข้อมูลโดยใช้โค้ดเดิมได้ ถ้าอยากเปลี่ยนรูปแบบใหม่ ต้องวางโค้ดใหม่เท่านั้นค่ะ ดังนั้น สถิติเดิมก็จะหายไปด้วย 




     การฝังโค้ด HTML เรายังสามารถฝังในเนื้อหาหลักได้ด้วยค่ะ เพราะมีช่อง HTML ให้เราใส่โค้ดอยู่ ลองนำไปใช้กันดูนะคะ



ไม่มีความคิดเห็น:

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

◕ 10 อันดับบทความยอดนิยมประจำสัปดาห์ ◕