Code และเทคนิคตกแต่ง My.iD2 และหน้าบทความ [Writer]

ตอนที่ 1 : [basic] วิธีใส่โค้ด

  • เนื้อหานิยายตอนนี้เปิดให้อ่าน
  • View : 13579
    จำนวนคนให้กำลังใจ : 11 ครั้ง
    13 มิ.ย. 53



ปัจจุบันนี้ โค้ดนั้นสามารถใส่ได้สองที่ คือที่หน้า What's Up ของ My.iD และหน้าหลัก + หน้าย่อยของนิยายเท่านั้น


การใส่โค้ดในหน้าไอดี


log in แล้วเข้าไปที่...

control panel > ของเล่นหลัก > What's up!

จะมีหน้าต่างใหม่ขึ้นมา กดปุ่ม แทรกโค้ด HTML



แล้ว copy โค้ด (ส่วนที่เป็นสีน้ำเงินในบทความนี้) ไปแปะไว้ตรงส่วนแรกสุด (หรือท้ายสุดก็ได้) ได้เลย
แต่แนะนำว่าแปะไว้แรกสุดเลยจะหาง่ายกว่า



>> ตัวอย่างการใส่โค้ด <<


* โค้ดไอดีมีผลต่อหน้าหลัก (หน้าที่มี What's up!) เท่านั้น พอเปลี่ยนไปหน้าอื่นแล้วจะไม่มีผล





ใส่โค้ดในหน้าบทความ

log in แล้วเข้าไปที่...

control panel > ของเล่นหลัก > Writer

แล้วไปที่บทความที่เราต้องการใส่โค้ด คลิก แก้ไข / เพิ่มตอน

จะมีวิธีใส่โค้ดสองแบบด้วยกัน


1. ใส่โค้ดตามปกติในที่ที่เด็กดีกำหนดไว้ให้

เลื่อนลงไปล่างๆ จะเห็นช่อง "โพสโค้ดตกแต่งที่นี่" เราสามารถ copy โค้ด (ส่วนที่เป็นสีน้ำเงินในบทความนี้) ที่ต้องการ ไปแปะได้เลย (จะแปะต่อท้ายจากของเก่า หรือแทรกไว้หน้าสุดก็ได้
)


ข้อดีของวิธีนี้คือเป็นการแยกโค้ดตกแต่งออกจากเนื้อหาหลัก ถ้าเกิดโค้ดเสียก็แก้แต่เฉพาะโค้ดได้ เนื้อหา HTML ที่มียังเหมือนเดิม

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


2. ใส่โค้ดในช่องแทรกโค้ด HTML

วิธีเดียวกับที่ใช้ใส่โค้ดในหน้าไอดีนั่นเอง วิธีนี้ใช้ใส่โค้ดได้หลายๆ ที่ แต่ไม่ควรลองใส่ในคอมเมนต์
โค้ดเฉพาะบางอย่าง จำเป็นต้องใช้วิธีนี้ในการใส่จึงจะทำงานได้ดี

ข้อดีของการใส่โค้ดวิธีนี้ก็คือ ทำให้สามารถใส่โค้ดในตอนย่อยของบทความ และในหน้า Blog ได้ด้วย




หมายเหตุส่งท้าย...

วิธีใส่โค้ดนี้แก้ไขล่าสุดเมื่อวันที่ 13/06/53 หากเด็กดีมีการแก้ไขรูปแบบอะไรหลังจากนี้ การใส่โค้ดอาจแตกต่างไป

* โค้ดประเภท javascript ไม่สามารถใส่ในตอนย่อยของบทความได้ (ถึงใส่แล้วก็ไม่ทำงาน) แต่ code css ทำงานได้ตามปกติ

การสังเกตว่าโค้ด นั้นเป็นโค้ดประเภทไหน ก็ดูได้จากคีย์เวิร์ด เช่น ถ้ามี type="text/css" อย่างนี้ก็คือโค้ด css
ถ้ามีคำว่า script หรือ javascript อยู่ ส่วนใหญ่ก็จะเป็น javascript ค่ะ

* โค้ดในตอนที่ขึ้นด้วยต้น [my.id] สามารถใช้ได้ทั้งหน้าไอดีและหน้า Blog นะคะ


ให้กำลังใจนักเขียน
นักเขียนได้รับกำลังใจแล้ว!
นักเขียนได้รับกำลังใจแล้ว 11 ครั้ง

4,449 ความคิดเห็น

  1. #4432 Puganphattayanee (@Puganphattayanee) (จากตอนที่ 1)
    วันที่ 13 มีนาคม 2560 / 22:48
    ขอบคุณมากๆนะคะ
    #4432
    0
  2. #4372 Awejie (@YAOming) (จากตอนที่ 1)
    วันที่ 12 ธันวาคม 2558 / 14:53
    ขอบคุณค่าาาา
    #4372
    0
  3. #4367 J-grob cool jenny (@jennymyboy) (จากตอนที่ 1)
    วันที่ 30 กันยายน 2558 / 21:19
    มึนแปบ
    เรายังทำไม่ได้ที ฮือๆ
    #4367
    0
  4. #4326 T1ST0RY (@v-2be-5) (จากตอนที่ 1)
    วันที่ 18 เมษายน 2558 / 16:28
    ขอบคุณนะคะ
    #4326
    0
  5. #4324 Logic Phantom (@kamonlak1412) (จากตอนที่ 1)
    วันที่ 8 เมษายน 2558 / 13:19
    ขอบคุณมากฮะ ผมก็นั่งงตั้งนาน เพราะหลายบทความบอกจนงง #เริ่มงงตัวเองและ 555
    #4324
    0
  6. #4266 ThuyuLifeSD (@dewthuyu) (จากตอนที่ 1)
    วันที่ 25 พฤษภาคม 2557 / 23:02
    ขอบคุณค่า เรานั่งงงตั้งนาน (พอดีไม่ได้ทำนาน) ขอบคุณจริงๆค่ะ
    #4266
    0
  7. #4261 PANGGIEE (@pang_pichamon) (จากตอนที่ 1)
    วันที่ 13 พฤษภาคม 2557 / 10:24
    ขอบใจนะ ^^
    #4261
    0
  8. #4229 วารี-วายุ (@jing_tt) (จากตอนที่ 1)
    วันที่ 11 เมษายน 2557 / 16:48
    ขอบคุณมากค่ะ เป็นคนละเอียดมากเลยนะเนี่ย บอกเรื่องวันที่ที่อัพเดตด้วย ซึ่งมันก็เปลี่ยนไปจริงๆ ตอนนี้555555 หรือเพราะไม่เข้านานจนลืมไปแล้่วก้ไม่รู้55555
    #4229
    0
  9. #3982 Gif_Pim2772 (@vanicha-2-7) (จากตอนที่ 1)
    วันที่ 9 พฤษภาคม 2556 / 17:25
    ขอบคุณค่ะ กำลังต้องการความช่วยเหลือพอดี 
    #3982
    0
  10. #3915 โอตาคุไร้แว่น (@zenshu) (จากตอนที่ 1)
    วันที่ 12 เมษายน 2556 / 12:39
    ขอบคุณมากค่ะ>^<
    #3915
    0
  11. #3888 WINTERw (@bionybb) (จากตอนที่ 1)
    วันที่ 27 มีนาคม 2556 / 13:44
    ขอบคุณค่ะ ><
    #3888
    0
  12. #3785 Akiko.Reki (@akiko-reki) (จากตอนที่ 1)
    วันที่ 25 มกราคม 2556 / 21:51
    ขอบคุณค่ะ >< เริ่มลงมือลองทำบ้างล่ะ //โง่มานาน - -*
    #3785
    0
  13. #3750 MG&ML (@milhoneytn) (จากตอนที่ 1)
    วันที่ 25 ธันวาคม 2555 / 15:24
    ขอบคุนค่าาาาา
    #3750
    0
  14. #3747 timetop (@mamasandy) (จากตอนที่ 1)
    วันที่ 24 ธันวาคม 2555 / 00:33
    ขอบคุณ นะค่ะ

    เป็นปประโยคมากๆๆๆๆเลย
     ขอบคุณอักครั้งค่ะ
    #3747
    0
  15. #3656 Gappersy (@sweetyamm) (จากตอนที่ 1)
    วันที่ 13 ตุลาคม 2555 / 23:32
    ขอบคุณค่าา ><
    #3656
    0
  16. #3644 teddy_ >O (@hanoy2) (จากตอนที่ 1)
    วันที่ 9 ตุลาคม 2555 / 20:16
    ขอบคุณมากค่าาา *O*

    แก้ไขครั้งที่ 1 เมื่อ 9 ตุลาคม 2555 / 20:57
    #3644
    0
  17. #3618 e.l.f|sj|ㅇㅅㅇ (@rukailoveijigo) (จากตอนที่ 1)
    วันที่ 30 กันยายน 2555 / 21:18
    ยอบคุรค่ะ
    ใช้ได้กับทั้งธีมและโค้ดอย่างอื่นใช่มั้ยค่ะ
    #3618
    0
  18. #3615 cutejung (@papyika) (จากตอนที่ 1)
    วันที่ 29 กันยายน 2555 / 19:35
    ขอเอาเทคนิคไปใช้นะค่ะ
    ขอบคุณมากๆค่ะ

    เก่งมากๆ เลยน่ะค่ะ *0*
    #3615
    0
  19. #3605 Tiaosulan (@meppepe) (จากตอนที่ 1)
    วันที่ 26 กันยายน 2555 / 19:16
    ขอบคุณมากๆนะคะ
    #3605
    0
  20. #3562 Taetaew (@fairy-pitta) (จากตอนที่ 1)
    วันที่ 5 กันยายน 2555 / 04:29
    ขอบคุณนะคะ ช่วยได้เยอะเลย ^^
    #3562
    0
  21. #3546 kuroro (@nattsukuro-star) (จากตอนที่ 1)
    วันที่ 21 สิงหาคม 2555 / 23:37
    ขอบคุณครับผมม ไม่ยากอย่างที่คิดจริงๆ 
    #3546
    0
  22. #3484 kariad's (@preemminz) (จากตอนที่ 1)
    วันที่ 18 กรกฎาคม 2555 / 11:21
    ขอบคุณมากค่า 
    #3484
    0
  23. #3338 Phantom (@pampampula) (จากตอนที่ 1)
    วันที่ 5 พฤษภาคม 2555 / 11:38
    ขอบคุณค่า ><
    #3338
    0
  24. #3264 plengleela-ohwa (@pleng-oh-wa) (จากตอนที่ 1)
    วันที่ 22 เมษายน 2555 / 08:43
     ขอบคุณมากๆค่ะ
    #3264
    0
  25. #3251 witch numb (@smilehell) (จากตอนที่ 1)
    วันที่ 19 เมษายน 2555 / 20:03
    ขอบคุณมากนะคะ ^O^
    #3251
    0