ตัวอย่างงาน

ในที่นี้จะสร้างเป็นโมดูลแบบสร้างเอง
โดยการเขียนโค้ดภาษา html สร้างตารางเพื่อวางภาพหลายๆภาพที่จะเป็นลิ้งค์ไปยังเว็บไซต์อื่น 
ต้องตั้ง Global Configuration โดยให้ค่า Default WYSIWYG Editor  ให้เป็น "No editor" ก่อน เพื่อให้อยู่ในรูปแบบมุมมองเป็นโค้ด HTML

1. สร้างโฟลเดอร์ย่อยของโฟลเดอร์ images ขึ้นมา เช่น main/images/banners   หรือ main/images/piclink แล้วแต่จะกำหนด  (ต้องสร้างโฟลเดอร์ย่อยนั้น และตั้งสิทธิ์เป็น 0777)

2. เตรียมภาพที่จะเป็นภาพลิ้งค์ที่มีขนาดตามที่เรากำหนด เช่น กำหนดให้มีขนาด กว้าง 160 pixels สูง 61 pixels เป็นไฟล์สกุล jpg,gif, ฯลฯ ที่เป็นไฟล์ภาพ นำไปอัปโหลดเข้าไปยังเซิร์ฟเวอร์ด้วยวิธีการ ftp หรืออัปโหลดผ่านหน้า Admin ​ไปยังโฟลเดอร์ย่อยที่กำหนดไว้นั้น

3. สร้างโมดูลขึ้นมาใช้เอง โดยเข้าไปที่ Admin
    เลือก Extensions ---> Module Manager
    จากนั้นกด New เพื่อสร้างโมดูลใหม่
    เลือก Custom HTML เพื่อสร้างโมดูลด้วยการเขียนโค้ดภาษา HTML เอง
    ตั้งชื่อโมดูล เช่น "ลิ้งค์ด้วยภาพเคลื่อนที่"

เลือกตัวเลือกต่างๆตามความเหมาะสม
จากนั้นเขียนโค้ดลงในช่องข้อความ  ดังตัวอย่าง  ในที่นี้จะสร้างตารางขนาด 160 Pixels เรามีภาพลิ้งค์ 3 ภาพ ที่จะเคลื่อนไหวเรียงตามกันไป ดังนั้นตารางจะต้องมี 1 คอลัมน์ 1 แถว แต่ต้องเพิ่มโค้ดให้ภาพที่เอามาวางเรียงกันวิ่งตามกันไปในทิศทางที่กำหนดขึ้น โดยใช้คำสั่งหลักคือ "marquee"
ตัวอย่างโค้ด
<table width="170" align="center">
<tr>
        <td>
        <marquee direction=left onMouseOut=this.start() onMouseOver=this.stop() scrollamount=1 scrolldelay=30 width=100% truespeed=true ;color:#FF0000">
        <a href="http://www.boga.go.th/" target="_blank">
        <img src="/main/images/stories/logo_boga.gif" border="0">
        </a>
        <a href="http://www.moe.go.th/" target="_blank">
        <img src="/main/images/stories/moe.gif" border="0">
        </a>
        <a href="http://www.v-cop.net" target="_blank">
        <img src="/main/images/stories/w-cop.gif" border="0">
        </a>
        </td>
        </marquee>
  </tr>
  </table>