ลูกเล่นใหม่ : ใส่ JavaScript Badge บนบล็อก

แนะนำลูกเล่นใหม่ JavaScript Badge

JavaScript Badge เป็น javascript สำเร็จรูป ที่สามารถดึง RSS จากเว็บไซต์เรา แล้วนำไปติดในเว็บไซต์อื่นๆ เพื่อดึงบทความดีๆจาก Gotoknow.org ไปแสดง หรือ จะนำมาติดในบล็อกของตนเองบริเวณ sidebar ก็ได้เช่นกัน 

ทำให้เราสามารถเข้าไปแค่เว็บไซต์เดียวหรือบล็อกเดียว แต่ก็สามารถดูบันทึกจาก Gotoknow.org ได้ด้วยในหน้าเดียวกัน   

กรณีเลือก With stylesheet  ภาพตัวอย่างจาก gotoknow.org/blog/tutorial 

 
กรณีเลือก Without stylesheet

---

สามารถหา JavaScript Badge ได้จาก

• Blog ของสมาชิก gotoknow.org/blog/....
• Planet ของสมาชิก gotoknow.org/planet/....
• หน้าบันทึกล่าสุด gotoknow.org/post/recent
  

โดยจะอยู่บริเวณด้านล่างของหน้า Blog หรือ Planet หรือ หน้าบันทึกล่าสุด ใต้ไอคอน RSS 2.0

---

การใส่ JavaScript Badge บน Sidebar ของบล็อก

1. ไปยัง หน้าบันทึกล่าสุด หรือ Blog หรือ Planet ที่ต้องการมาแสดงบน Blog ของตนเอง
   
2. ไปที่โค๊ด JavaScript badge เลือก With หรือ Without
3. คัดลอกโค๊ด Javascript Badge
   
4. ไปยังบล็อกที่ต้องการใส่ JavaScript Badge 
   
5. เลือก แก้ไขบล็อก แล้วใส่โค๊ดที่คัดลอกมา ใส่ใน "ข้อความด้านข้าง" แล้วกดปุ่ม "แก้ไข"
   

---

 

บันทึกหน้าจะเป็นวิธีการนำ Javascript Badge ไปใส่ยังเว็บไซต์อื่นๆ  

หากพบปัญหาในการใช้งาน อีเมลติดต่อ มายังผู้ดูแลระบบได้เลยครับ

[ครูเสก]

ดีครับ ข่าวคราวดีๆ เอามาแบ่งปันกัน ขอเป็นกำลังใจให้ สำหรับการมุ่งมั่นพัฒนาในเชิงสร้างสรรค์ สู่สังคมอุดมปัญญาที่พวกเราทุกคนใฝ่ฝันกัน

[เม้ง สมพร ช่วยอารีย์]

สวัสดีครับน้อง

ขอบคุณมากๆ เลยครับ สำหรับตัวช่วยใหม่ๆ นะครับ

พี่เอาไปทำแล้วครับ น่าสนใจดีครับ ขอเพิ่มเติมดังนี้นะครับ สำหรับท่านอื่นๆที่จะลองทำดูครับ

รูปแบบ ให้เติมในส่วนของการตกแต่งบล็อกหรือแพลนเน็ต โดยใส่โคตของจาวาดังต่อไปนี้

<script src=http://gotoknow.org/XXXX/YYYY.js"
type="text/javascript"></script>

โดยที่

XXXX เป็นชนิดของบล็อกหรือแพลนเน็ต นั่นคือ แทนที่ XXXX ด้วยคำว่า blog  หรือ planet

YYYY เป็นชื่อบล็อก หรือ ชื่อ แพลนเน็ตนั่นเอง แล้วตามด้วย .js ซึ่งจะเป็นการทำงานอัตโนมัติอยู่แล้วครับ

แต่ที่พี่เจอปัญหาคือ หากนำไปใช้กับเว็บอื่นๆ ซึ่ง unicode มันคนละแบบกับ gotoknow จะทำให้อ่านภาษาไทยไม่ได้ ไม่ว่าจะกำหนดเป็น tis-620 หรือ UTF-8

นั่นคือ หากกำหนดตัว <meta> เป็น tis มันจะอ่านไทยได้ในส่วนของข้อความทั่วไป แต่อ่าน ชุดของ หัวข้อเหล่านี้ที่เพิ่มเข้าไปไม่ได้ครับ

แต่หากเปลี่ยนเป็น UTF-8 จะได้ผลกลับกันครับ

คงเป็นปัญหาเดียวกันกับเมื่อก่อนที่ gotoknow ส่งเมล์ไปที่ hotmail จะอ่านไทยไม่ได้ครับ แต่หากส่งไปที่ gmail จะอ่านไทยได้นะครับ

ขอบคุณมากครับ ไม่ทราบว่าพี่ต้องแก้หัว meta ยังไงครับ ถึงจะใช้ได้ร่วมกันครับ

ขอบคุณมากครับ

[Conductor]

มาแจ้งให้รู้ว่าเอาไปแปะเล่นเป็นที่สนุกสนานบนทุกบล๊อกของผมแล้วครับ

[ครูอ้อย แซ่เฮ]

มาแจ้งให้รู้ว่า  ครูอ้อยก็หัดทำค่ะ  ขอบคุณ

[Conductor]

เขียนวิธีการไว้ที่นี่ครับ (มี modify นิดหน่อย)

[ดร. ดิศกุล เกษมสวัสดิ์]

ขอบคุณครับ ขอเรียนรู้ด้วยครับ

 

[กมลวัลย์]

ขอบคุณสำหรับ Trick ใหม่ๆ นะคะ จะลองนำไปใช้ดูค่ะ

[นาย วงศกฤต เกรียงวรกุล]

• ผมเองก็อยากเห็นสังคมอุดมปัญญา เหมือนกันครับ ครูเสก
• ขอบคุณสำหรับคำอธิบาย ครับพี่เม้ง เรื่อง meta เด๋วผมขอเวลาไปดูก่อนครับ แล้วจะมาให้คำตอบครับ
  
• ขอบคุณครับ คุณครูอ้อย,คุณ Conductor,คุณดิศกุลและคุณกมลวัลย์
• วิธีปรับแต่งของ คุณ Conductor ใช้ได้ดีทีเดียวเลยครับ 

[นาย วงศกฤต เกรียงวรกุล]

พี่เม้งครับ เปลี่ยน meta ของเว็บที่จะนำไปใส่เป็น utf8 ครับ

[จารุวัจน์ شافعى]

ผมสงสัยสคริปท์ส่วนนี้อยู่นานแล้วครับว่า มันมีไว้ทำอะไร ขอบคุณครับจะได้ลองเอาไปใช้ดู

[นาย วงศกฤต เกรียงวรกุล]

สวัสดีครับคุณ จารุวัจน์

ต้องลองดูครับ แล้วจะเห็นประโยชน์ ^^  

[nutim]

• ขอบคุณค่ะ ได้ทดลองนำไปใช้แล้วค่ะ

[ผีน้อย]

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