ลองเล่นของเล่นใหม่ใน GotoKnow คือ JavaScript Badge ซึ่งมีรายละเอียดตามบันทึกนี้ครับ

เอามาแปะในทุกบล๊อกของผมแล้ว ในขณะนี้ แสดงบันทึกล่าสุดที่ผมเขียนไว้ใน sidebar ด้วยวิธีการดังนี้

  • ผมมีแพลนเน็ตอันหนึ่ง (ความจริงก็มีอยู่อันเดียว) ที่รวมบันทึกของตัวเองจากทุกบล๊อกที่เขียน ซึ่งได้เคยแนะนำให้สมาชิกทำแล้ว
  • เปิดแพลนเน็ตนั้น เลื่อนไปดูท้ายหน้า จะเห็นบรรทัด JavaScript Badge: และมีตัว script ที่เราต้องการ
  • เลือก without stylesheet (หรือเลือก with stylesheet ก็ได้ ตามที่ชอบ)
  • copy script ตั้งแต่ <script> จนถึง </script> เก็บไว้ใน clipboard ของ browser
  • เอา script นี้ไปใส่ในเกี่ยวกับบล๊อกนี้ ของทุกบล๊อก; แก้ไขโดยการ paste script ที่ copy ไว้ เข้าไปที่ท้ายของเกี่ยวกับบล๊อกนี้ โดยการแก้ไขบล๊อก -- หวังว่าคงคุ้นเคยอยู่แล้ว
  • บล๊อกที่แก้ไขแล้ว ก็จะแสดงบันทึกล่าสุด 10 บันทึกจากทุกๆ บล๊อก
  • แต่เผอิญบันทึกของผมชื่อยาว แล้วการที่ script แสดงชื่อบล๊อกและชื่อบันทึกตามหลัง bullet ก็กินที่มากไปหน่อย เลยแก้ไขเอา bullet ออกเสียด้วยวิธีการเขียน CSS
  • เลือกตกแต่งหน้าประวัติของคุณ เติม code เหล่านี้ลงไป
    div.badge ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }
    div.badge ul li {
        margin: 0px;
        padding: 4px;
    }
  • เป็นอันเรียบร้อย ทั้งบล๊อกและบันทึกที่แก้ไขตามนี้ จะแสดงบันทึกล่าสุด 10 บันทึกจากทุกบล๊อกที่เจ้าของเขียน