คุณกำลัง login ด้วย [ เปลี่ยนชื่อ | ออกระบบ ]
 กระทู้ Top5 วันนี้ | นิยาย | ค้นหานิยาย | บอร์ดนักเขียน | บอร์ด AF | บอร์ด TheStar | ของที่ระลึก Dek-D | App อ่านนิยายบนมือถือ New! |
  นิยายรักหวานแหวว | นิยายรักเศร้าๆ | นิยายซึ้งกินใจ | นิยายแฟนตาซี | นิยายผจญภัย | เรื่องสบายๆคลายเครียด | แฟนฟิค | วรรณกรรมเยาวชน |
เข้าสู่ My.iD Control สมัครเป็นนักเขียนใหม่ | วิธีลงบทความ กฏเกณฑ์การใช้งาน | การควบคุมเรตติ้ง

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

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


     อัพเดท 13 มิ.ย. 53
กลับไปหน้าหลักของบทความ
แจ้งเนื้อหาในตอนไม่เหมาะสม
นิยาย-เรื่องยาว: ไลฟ์สไตล์/ดีไซน์ กราฟิก
Tags: โค้ด, code, แต่งไอดี, ไอดี, แต่ง id, id, My.iD, My.iD2, ตกแต่ง, นิยาย
ผู้แต่ง : Caje ดูเน็ตเวิร์คอื่นๆ ของ Caje
My.iD: https://my.dek-d.com/Caje
< Review/Vote > Rating : 95% [ 233 mem(s) ]
This month views : 71 Overall : 219,393
4,449 Comment(s), [ แฟนพันธุ์แท้ 5120 คน ]

[ กลับไปหน้าหลักของบทความ | ตอนถัดไป ] [ บันทึกเป็น Favorite ] [ ปิดหน้าต่างนี้ ]
Code และเทคนิคตกแต่ง My.iD2 และหน้าบทความ [Writer] ตอนที่ 1 : [basic] วิธีใส่โค้ด , ผู้เข้าชมตอนนี้ : 13553 , โพส : 71 , Rating : 93% / 11 vote(s)

ขนาดตัวอักษร : เพิ่มขนาด | ลดขนาด




ปัจจุบันนี้ โค้ดนั้นสามารถใส่ได้สองที่ คือที่หน้า 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 นะคะ




Dek-D Writer APP : แอพอ่านนิยาย Dek-D บน iPhone , Android Phone
มาแล้ว!! เวอร์ชั่น iPad และ Android Tablet
Code และเทคนิคตกแต่ง My.iD2 และหน้าบทความ [Writer] ตอนที่ 1 : [basic] วิธีใส่โค้ด , ผู้เข้าชมตอนนี้ : 13553 , โพส : 71 , Rating : 93% / 11 vote(s)
Vote ให้คะแนนตอนนี้ Vote ได้ 1 ครั้ง / 1 ชม.
[ กลับไปหน้าหลักของบทความ | ตอนถัดไป ] [ บันทึกเป็น Favorite ] [ ปิดหน้าต่างนี้ ]
หน้าที่ 1 | 2 | 3
# 71 : ความคิดเห็นที่ 4432
ขอบคุณมากๆนะคะ
Name : Puganphattayanee < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Puganphattayanee [ IP : 119.76.81.105 ]
ส่งข้อความลับ
วันที่: 13 มีนาคม 2560 / 22:48
# 70 : ความคิดเห็นที่ 4372
ขอบคุณค่าาาา
PS.  ฝาก "พิชิตใจ พิชิตหมากล้อม" (ที่เพิ่งกลับมาเขียนใหม่)ไว้ในอ้อมอกอ้อมใจด้วยนะเจ้าคะ เข้ามาเยี่ยมชมได้ในidข้าน้อยเลยเจ้าค่ะ
Name : Awejie < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Awejie [ IP : 58.11.59.44 ]
ส่งข้อความลับ
วันที่: 12 ธันวาคม 2558 / 14:53
# 69 : ความคิดเห็นที่ 4367
มึนแปบ
เรายังทำไม่ได้ที ฮือๆ

PS.  ไม่มีใครบ้าคลั่งกว่า ข้า ข้านี้แหละเทพ
Name : J-grob cool jenny < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ J-grob cool jenny [ IP : 171.5.18.173 ]
ส่งข้อความลับ
วันที่: 30 กันยายน 2558 / 21:19
# 68 : ความคิดเห็นที่ 4326
ขอบคุณนะคะ
PS.  Always keep the faith
Name : T1ST0RY < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ T1ST0RY [ IP : 223.207.139.236 ]
ส่งข้อความลับ
วันที่: 18 เมษายน 2558 / 16:28
# 67 : ความคิดเห็นที่ 4324
ขอบคุณมากฮะ ผมก็นั่งงตั้งนาน เพราะหลายบทความบอกจนงง #เริ่มงงตัวเองและ 555
Name : Logic Phantom < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Logic Phantom [ IP : 14.207.237.58 ]
ส่งข้อความลับ
วันที่: 8 เมษายน 2558 / 13:19
# 66 : ความคิดเห็นที่ 4266
ขอบคุณค่า เรานั่งงงตั้งนาน (พอดีไม่ได้ทำนาน) ขอบคุณจริงๆค่ะ
Name : ThuyuLifeSD < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ ThuyuLifeSD [ IP : 58.97.55.158 ]
ส่งข้อความลับ
วันที่: 25 พฤษภาคม 2557 / 23:02
# 65 : ความคิดเห็นที่ 4261
ขอบใจนะ ^^
Name : PANGGIEE < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ PANGGIEE [ IP : 110.168.176.15 ]
ส่งข้อความลับ
วันที่: 13 พฤษภาคม 2557 / 10:24
# 64 : ความคิดเห็นที่ 4229
ขอบคุณมากค่ะ เป็นคนละเอียดมากเลยนะเนี่ย บอกเรื่องวันที่ที่อัพเดตด้วย ซึ่งมันก็เปลี่ยนไปจริงๆ ตอนนี้555555 หรือเพราะไม่เข้านานจนลืมไปแล้่วก้ไม่รู้55555
PS.  มาร่วมกันก้าวไปกับคนที่เรารักโดยมีอดีตเป็นครู มีความฝันเป็นปลายทาง มีคนรอบข้างเป็นกำลังใจ
Name : วารี-วายุ < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ วารี-วายุ [ IP : 124.121.227.71 ]
ส่งข้อความลับ
วันที่: 11 เมษายน 2557 / 16:48
# 63 : ความคิดเห็นที่ 3982
ขอบคุณค่ะ กำลังต้องการความช่วยเหลือพอดี 
PS.  ชะตาฟ้าลิขิต เเต่ชีวิตนะของเรา
Name : Gif_Pim2772 < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Gif_Pim2772 [ IP : 1.4.135.16 ]
ส่งข้อความลับ
วันที่: 9 พฤษภาคม 2556 / 17:25
# 62 : ความคิดเห็นที่ 3915
ขอบคุณมากค่ะ>^<
PS.  ผีเสื้อน่ะ......ทั้งที่รู้ว่าหากเข้าใกล้แสงสว่างมากเกินก็จะสูญเสียปีกไป....แต่ก็ยังเข้าไปใกล้แสงนั้น.....เพราะผีเสื้อนั้นรู้ตัวว่าตนเองนั้นไร้แสงสว่าง.....
Name : โอตาคุไร้แว่น < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ โอตาคุไร้แว่น [ IP : 27.55.154.24 ]
ส่งข้อความลับ
วันที่: 12 เมษายน 2556 / 12:39
# 61 : ความคิดเห็นที่ 3888
ขอบคุณค่ะ ><
Name : WINTERw < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ WINTERw [ IP : 27.55.1.37 ]
ส่งข้อความลับ
วันที่: 27 มีนาคม 2556 / 13:44
# 60 : ความคิดเห็นที่ 3785
ขอบคุณค่ะ >< เริ่มลงมือลองทำบ้างล่ะ //โง่มานาน - -*
PS.  All59 uke! จงเจริญ banzai! <3<3 #มาจาก http://my.dek-d.com/rekisamasang [Reki เจ้าเก่า] 1859 2759 3359 5959 6959 8059 B59 F59 L59 All59!!
Name : Akiko.Reki < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Akiko.Reki [ IP : 171.99.74.179 ]
ส่งข้อความลับ
วันที่: 25 มกราคม 2556 / 21:51
# 59 : ความคิดเห็นที่ 3750
ขอบคุนค่าาาาา
Name : MG&ML < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ MG&ML [ IP : 125.24.187.153 ]
ส่งข้อความลับ
วันที่: 25 ธันวาคม 2555 / 15:24
# 58 : ความคิดเห็นที่ 3747
ขอบคุณ นะค่ะ

เป็นปประโยคมากๆๆๆๆเลย
 ขอบคุณอักครั้งค่ะ
Name : timetop < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ timetop [ IP : 115.67.165.1 ]
ส่งข้อความลับ
วันที่: 24 ธันวาคม 2555 / 00:33
# 57 : ความคิดเห็นที่ 3656
ขอบคุณค่าา ><
Name : Gappersy < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Gappersy [ IP : 110.168.117.176 ]
ส่งข้อความลับ
วันที่: 13 ตุลาคม 2555 / 23:32
# 56 : ความคิดเห็นที่ 3644
ขอบคุณมากค่าาา *O*

แก้ไขครั้งที่ 1 เมื่อ 9 ตุลาคม 2555 / 20:57
Name : teddy_ >O < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ teddy_ >O [ IP : 110.169.169.101 ]
ส่งข้อความลับ
วันที่: 9 ตุลาคม 2555 / 20:16
# 55 : ความคิดเห็นที่ 3618
ยอบคุรค่ะ
ใช้ได้กับทั้งธีมและโค้ดอย่างอื่นใช่มั้ยค่ะ
PS.  슈퍼주니어 เจ้าชาย13ของเอลฟ์ อิอิSMฮาๆ
Name : e.l.f|sj|ㅇㅅㅇ < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ e.l.f|sj|ㅇㅅㅇ [ IP : 115.67.166.222 ]
ส่งข้อความลับ
วันที่: 30 กันยายน 2555 / 21:18
# 54 : ความคิดเห็นที่ 3615
ขอเอาเทคนิคไปใช้นะค่ะ
ขอบคุณมากๆค่ะ

เก่งมากๆ เลยน่ะค่ะ *0*
Name : cutejung < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ cutejung [ IP : 223.204.50.48 ]
ส่งข้อความลับ
วันที่: 29 กันยายน 2555 / 19:35
# 53 : ความคิดเห็นที่ 3605
ขอบคุณมากๆนะคะ
Name : Tiaosulan < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Tiaosulan [ IP : 124.122.167.41 ]
ส่งข้อความลับ
วันที่: 26 กันยายน 2555 / 19:16
# 52 : ความคิดเห็นที่ 3562
ขอบคุณนะคะ ช่วยได้เยอะเลย ^^
PS.  ความพ่ายแพ้” คือบทเรียนที่มีค่ามหาศาล..
Name : Taetaew < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Taetaew [ IP : 49.48.65.88 ]
ส่งข้อความลับ
วันที่: 5 กันยายน 2555 / 04:29
# 51 : ความคิดเห็นที่ 3546
ขอบคุณครับผมม ไม่ยากอย่างที่คิดจริงๆ 
Name : kuroro < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ kuroro [ IP : 49.48.59.86 ]
ส่งข้อความลับ
วันที่: 21 สิงหาคม 2555 / 23:37
# 50 : ความคิดเห็นที่ 3484
ขอบคุณมากค่า 
Name : kariad's < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ kariad's [ IP : 58.11.164.14 ]
ส่งข้อความลับ
วันที่: 18 กรกฎาคม 2555 / 11:21
# 49 : ความคิดเห็นที่ 3338
ขอบคุณค่า ><
PS.  อดีตมีไว้ให้จดจำ ปัจจุบันมีไว้ให้ส่องทางอนาคต :D
Name : Phantom < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Phantom [ IP : 223.204.54.220 ]
ส่งข้อความลับ
วันที่: 5 พฤษภาคม 2555 / 11:38
# 48 : ความคิดเห็นที่ 3264
 ขอบคุณมากๆค่ะ
PS.  ชีวิต เป็นสิ่งที่น่าอภิรมย์ ความตายเต็มไปด้วยความสงบ ปัญหามันอยู่ตรงที่เปลี่ยนจาก "มีชีวิต" ไปเป็น "ตาย" นี่แหละ
Name : plengleela-ohwa < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ plengleela-ohwa [ IP : 61.19.66.64 ]
ส่งข้อความลับ
วันที่: 22 เมษายน 2555 / 08:43
# 47 : ความคิดเห็นที่ 3251
ขอบคุณมากนะคะ ^O^
PS.  รักเธอเสมอ....แม้เธอไม่รัก....ขอโทษที่ไม่ใช่คนคนนั้นของเธอ....Love Alway And Forever.....
Name : witch numb < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ witch  numb [ IP : 171.4.78.182 ]
ส่งข้อความลับ
วันที่: 19 เมษายน 2555 / 20:03
หน้าที่ 1 | 2 | 3
Post your comment : แสดงความคิดเห็น
ส่วนที่ 1: Message ข้อความ

ส่วนที่ 2 : Name ลงชื่อ
  โพสความเห็นด้วย member Login name Password
  โพสความเห็นไม่แสดง member : ชื่อ* email รูปตัวแทน
            พิมพ์เลขที่เห็น

เธซเธ™เธฑเธ‡เธชเธทเธญเนƒเธซเธกเนˆเธ›เธฃเธฐเธˆเธณเน€เธ”เธทเธญเธ™เธžเธคเธฉเธ เธฒเธ„เธก 2561

ข้อตกลง & เงื่อนไขการใช้งาน

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

  • กรณีที่ผลงานชิ้นนี้กระทำการคัดลอก ทำซ้ำ มาจากผลงานของบุคคลอื่นๆ ผู้ลง
    ผลงานจะต้องทำการอ้างอิงอย่างเหมาะสม และต้องรับผิดชอบเรื่องการจัดการ
    ลิขสิทธิ์แต่เพียงผู้เดียว

  • ข้อความและรูปภาพที่ปรากฏอยู่ในผลงานที่ท่านเห็นอยู่นี้ เกิดจากการส่งเข้าระบบ
    โดยอัตโนมัติจากบุคคลทั่วไป ซึ่งเด็กดีดอทคอมมิได้มีส่วนร่วมรู้เห็น ตรวจสอบ
    หรือพิสูจน์ข้อเท็จจริงใดๆ ทั้งสิ้น ผู้ใดพบเห็นการลงผลงานละเมิดลิขสิทธิ์ หรือ
    ไม่เหมาะสมโปรดแจ้งผู้ดูแลระบบเพื่อดำเนินการทันที
    Email: contact(at)dek-d.com ( ทุกวัน 24 ชม ) หรือ
    Tel: 0-2860-1142 ( จ-ศ 0900-1800 )

App อ่านนิยายบน iPad iPhone และ Android