ลูกเล่นใหม่ : ใส่ 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 Rss20



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

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




 

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

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

บันทึกนี้เขียนที่ GotoKnow โดย  ใน การใช้งานบล็อก



ความเห็น (13)

เขียนเมื่อ 

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

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

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

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

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

<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 ยังไงครับ ถึงจะใช้ได้ร่วมกันครับ

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

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

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

 

เขียนเมื่อ 

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

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

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

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

เขียนเมื่อ 
  • ขอบคุณค่ะ ได้ทดลองนำไปใช้แล้วค่ะ
ผีน้อย
IP: xxx.28.120.16
เขียนเมื่อ 

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