My Blog List

Saturday, February 2, 2008

การเพิ่ม HTML Module

วันนี้จะมาว่าด้วยเรื่องการเพิ่ม Page Elements

ซึ่งส่วนมากทุกคนก็จะเล็งไปที่การเพิ่มในส่วนของ
HTML/JavaScript กันซะส่วนใหญ่

จากการโดนถามอยู่หลายครั้ง เลยขี้เกียจตอบ มาอัปซะเลย

เจ้าตัว HTML/JavaScript Module นี้ เอาไว้เพิ่มโค้ด

ว่าง่ายๆเลย เอาไว้ตกแต่งนั่นแหละ อยากใส่พวกตัวเล่นเพลง counter หรือแม้กระทั่ง background (แบบง่ายๆที่ไม่ต้องเข้าไปแก้ใส่ส่วนของ Edit HTML (คนละอย่างกับ module ตัวนี้นะ)

เอาล่ะ วิธีการเพิ่มนั้นง่ายแสนง่าย

เราจะเริ่มกันที่หน้า Home ของเลยละกัน
http://i184.photobucket.com/albums/x129/hiphops55/blog/366f4462.jpg

ขั้นแรก ไปที่ Customize

http://i184.photobucket.com/albums/x129/hiphops55/blog/020f081a.jpg

ต่อไป จะเห็นแท็บอยู่ด้านบน ให้เลือก 3-4 อัน ให้เข้าตรง Template
พอเข้ามาแล้ว จะเห็นเมนูย่อยๆ อีก 4 เมนู ให้เลือก Page Elements (ตามจริงแล้ว กด Customize ทีเดียวมันน่าจะเข้ามาถึงตรงนี้ให้เลยนะเนี่ย)

http://i184.photobucket.com/albums/x129/hiphops55/blog/2f9720e9.jpg

หลังจากนั้น เราจะเห้น รูปร่างการจัดเรียง Module ต่างๆของหน้าเว็บเรา
ทีนี้ เราก็ คลิกเข้าไปตรง Add a Page Element (อยากให้ HTML Module อยู่ส่วนไหนก็คลิกในส่วนนั้น)

http://i184.photobucket.com/albums/x129/hiphops55/blog/8c6fec94.jpg

มันก็จะเด้ง Pop-up ขึ้นมาให้ มีให้เลือก add หลายอย่าง เราจะใส่อะไรก็เลือกเอา แต่ในที่นี้ จะเอา HTML Module ก็ไปเลือก HTML/JavaScript แล้วกดตรง Add To Blog

http://i184.photobucket.com/albums/x129/hiphops55/blog/f31e1032.jpg

มันก็จะโหลดแล้วเข้าหน้าใหม่
ในหน้านี้ เราอยากใส่โค้ดอะไร ก็ใส่ลงไป ชื่ออาจจะตั้งหรือไม่ก็ได้ ถ้าจะใส่ background ก็ไม่ต้องใส่ก็ได้มั้งชื่อ ไม่จำเป้นเลย
พอใส่เสร็จแล้ว ก็กด Save Changes

http://i184.photobucket.com/albums/x129/hiphops55/blog/15b2b58d.jpg

หลังจากนั้น หน้านี้ก็จะปิดไปเอง กลับไปที่หน้าต่าง Page Elements ใหม่อีกรอบ
พอใจแล้วก็กด save เลย

เป็นอันเสร็จพิธี ...