วิธีแทรกสคริปต์ใน exteen

posted on 24 Oct 2007 11:35 by zedth in Sa-ra

ตอนนี้ดูเหมือนผมจะกลายเป็น คุรุ (Guru) ด้าน Exteenศาสตร์ ไปเสียแล้ว เพราะว่ามีัคำถามเกี่ยวกับการใช้งาน exteen เวอร์ชั่นใหม่เข้ามาเยอะแยะมากมายเหลือเกิน ซึ่งผมต้องขอบอกนะครับ ว่าผมไม่ได้เก่งอะไรเลย มีอีกหลายอย่างที่ยังไม่รู้ โดยเฉพาะเกี่ยวกับเรื่องธีม และ CSS นะครับ ผมไม่ได้เก่งเลยจริง ๆ ถ้าอยากถามเรื่องธีม หรือ CSS ผมว่า น้องเจนเนสซ่า เก่งกว่าผมอีกครับ เอาเป็นว่า ถ้าผมตอบไม่ได้ ผมแนะนำให้ไปถา่มน้องเค้าละกันนะครับ

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

มาเริ่มกันเลยดีกว่านะครับ ส่วนใหญ่แล้ว คำถามจะมาในแนวนี้ครับ

ใส่สคริปต์อย่างไรครับ

ใส่ในช่องลิงค์แล้ว แต่ใส่ไม่ได้

ใส่ไปแล้วแต่สคริปต์ไม่ทำงาน

คำถามเหล่านี้ ล้วนมีคำตอบ และปัญหาเหล่านี้ล้วนมีทางแก้ไขครับ (ไม่ใช่ว่ามีคำตอบ แต่ตอบว่า ไม่ได้ นะครับ )

แต่ผมจะไม่อธิบายนะครับว่าสคริปต์คืออะไร สมมติว่าทุกคนรู้จักกับสคริปต์แล้วนะครับ

ก่อนอื่นเรามาดูกันก่อนดีกว่าครับ ว่าเราจะใส่สคริปต์ได้ที่ไหน

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

วิธีที่ 2 เป็นการใส่สคริปต์ในช่อง Link โดยไปที่หน้า Manage>Links หลังจากนั้น เราจะเห็น 2 ช่องนี้ครับ ให้ใส่สคริปต์ที่ copy มา หรือพิมพ์เองก็ได้ลงในช่องDescription ซึ่งตรงนี้มี Trick ซึืงถือว่าสำคัญที่สุด และทำให้เกิดคำถาม 2 ข้อที่เหลือตามมาครับ โดยตรงนี้ผมถือเป็นกฏที่ต้องปฏิบัติตามเลยนะครับ

link insert box

1. เช็คสคริปต์ อย่าให้มีการเว้นบรรทัด ตัวอักษรจะต้องเรียงติดกันเป็นพืด เพราะถ้าเว้นบรรทัดเมื่อไหร่ เวลา paste ลงไปมันจะใส่ได้แค่บรรทัดแรกเท่านั้น บรรทัดที่เหลือจะถูกตัดทิ้งหมด ซึ่งโดยมากแล้วเราจะไม่รู้ วิธีเช็คก็ให้เลื่อนดูว่าสคริปต์เราใส่ไปครบหรือไม่ครับ

2. สคริปต์ต้องอย่าให้ยาวเกินไป ตรงนี้ไม่แน่ใจว่ากี่ตัวอักษรนะครับ แต่ว่าถ้าเมื่อไหร่ที่เซฟไปแล้ว ก็ให้ดูว่า สคริปต์เราถูกตัดไปหรือเปล่า ถ้าสคริปต์ไม่ครบถ้วน ก็แสดงว่า มันยาวเกินไปต้องตัดออก ซึ่งผมมีหลักเกณฑ์ในการตัดสคริปต์ดังนี้ครับ

  • สคริปต์ที่ขึ้นต้นด้วย <!-- Begin -->และจบด้วย <!-- End --> เราสามารถลบ 2 อันนี้ทิ้งได้ แต่คงเนื้อหาข้างในไว้ครับ
  • สิ่งที่เราต้องการนั้น คือสคริปต์เหล่านี้ และส่วนที่อยู่ภายใน ซึ่งถือว่าเป็นคำสั่งสำคัญที่เราต้องการ <script> และ จบด้วย </script> , <iframe> และจบด้วย </iframe> หรือ<meta name> และ ส่วนเหล่านี้ต้องเก็บเอาไว้้ครับ
  • <a mce_thref= สามารถตัดทิ้งได้ ถ้าเราพิจารณาแล้วว่า ส่วนลิงค์นั้นไม่มีความสลักสำคัญ เพราะว่าสคริปต์ของบางที่นั้น มักจะติดลิงค์มาให้เสมอ ๆ
  • title="...." มักจะถูกใส่มาให้ในลิงค์เสมอ และมักจะยาวด้วย ส่วนนี้ตัดทิ้งได้เลยครับ
  • ถ้าไม่ทำให้การแสดงผลเสียไป ก็ลบทิ้งได้ครับ
  • ถ้าสคริปต์ชุดนั้น ประกอบกันมากกว่า 1 สคริปต์ขึ้นไป สามารถแยกใส่กันคนละช่องได้ครับ ดูง่าย ๆ ก็คือ มี <script> และจบด้วย </script>อย่างนี้สัก 2 อัน ก็จับแยกกัน แล้วใส่ลงใน 2 ช่อง

3. ในช่อง URL http:// ให้ใส่เครื่องหมาย # ซึ่งถ้าเราปล่อยว่างไว้ เวลากดเซฟ ระบบก็จะนิ่งครับ

ซึ่งถ้าใครได้ลองทำทั้ง 3 ขั้นตอนนี้แล้ว ยังไม่ได้ ก็ต้องขอแสดงความเสียใจด้วยนะครับ คุณไม่สามารถใส่สคริปต์นั้นลงในช่อง Linkได้แล้ว

Related Links

Comment

Comment:

Tweet

>< ขอบคุณมากน้าค๊าาา
เพิ่งทำ blog เป็นประโยชน์มากมายยยเลยค่ะ

T0T ซาบซึ้งงง

ขอบคุณมากเลยค่ะ ^^

#29 By toon-think ja on 2010-11-30 12:45

ขอบคุณค่ะ

#28 By takoyaki on 2010-05-18 08:02

ขอบคุณค่ะ big smile

#27 By ชบา on 2010-01-17 22:06

ขอบคุณมากครับ ผมทำของผมเสร็จแล้ว ถ้าไม่ได้ความรู้เรื่องนี้ผมก็คง มึนไปอีกนาน ขอบคุณมากครับๆ

#26 By thaidee-music on 2009-04-05 20:46

ขอบคุณค่ะ แต่งบล็อคมาตั้งนาน
ตอนแรกอ่านก้องงๆ

ตอนนี้เกทแล้ว ^^

#25 By mAriSa_NaNa on 2008-11-20 08:22

.......ง่า ยากจังค่ะ

#24 By ♀↨I'm_ Demonter↨♀ on 2008-11-07 19:17

สวัสดีค่า
เพิ่งเริ่มทำบล็อคแบบ งูๆ ปลาๆ
..งมอยู่นานมากจนเจอทางสว่างเข้า 555

ทำให้บล็อคที่ดูแย่ๆ..สวยกว่าเดิมหลายเท่า
ขอบคุณมากเลยนะคะ สำหรับความรู้ดีๆ
(แถมแบบละเอียดซะด้วย)

ทำให้มือใหม่เก่งขึ้นทันตา!!~ big smile
โอ้วว ขอบคุณมากเลยค่ะ
เป็นอะไรที่แบบบ ดีใจจัด
อยากรูว่ามันทำยังไงเหมือนกัน
เพิ่งรู๔ว่าเรียก สคริป 555+
แต่เราก็เข้าใจถูกแล้ว

โอ้ววได้ใจเลยค่า

#22 By Feather~aee on 2008-04-29 22:54

ผมรู้แต่ว่า ถ้าไม่ได้คุณชายน้อย เว็บผมมันจะเบี้ยวๆ เละๆไปข้างนึงครับ

#21 By มนุษย์กล่อง on 2007-10-25 13:41

ได้ความรู้อีกแล้ว

ขอบคุณนะคะ!

ปล. ขนาดนี้ไม่เรียกว่าเก่งแล้วจะใช้คำไหนล่ะคะ อิอิ

#20 By vinn* on 2007-10-25 11:04

ขอสารภาพเลยค่ะว่าตอนแรกอ่านแล้วยังงงอยู่เลยล่ะค่ะว่าสคริปต์คืออะไร
แต่อ่านไปเรื่อยๆก็พอนึกออกแล้วค่ะ
ขอบคุณมากนะคะ big smile

#19 By Bowajung on 2007-10-25 00:29

...

ตั้งแต่เข้า exteen มา เห็นบล็อกใครต่อใครสวยๆ น่าชื่นชมไม่น้อย แอบแวะหาข้อมูลสำหรับแต่งบล็อกมานาน ตรงนั้นนิด ตรงนี้หน่อย sad smile จนมาถึงเวอร์ชั่นใหม่แล้ว ก็ยังไม่ขยันพอที่จะปรับแต่งบล็อกตัวเองให้เข้าท่าสักที จนจะสิ้นปีแล้ว angry smile คงใกล้ถึงเวลาแล้วล่ะค่ะ

ขอบคุณมากนะคะ อย่างไรก็เล็งไว้แล้ว จะเข้ามาเก็บความรอบรู้จากบล็อกนี้ไปใช้แน่นอนค่ะ

... ชอบภาพเฮดภาพนี้มากค่ะ ดอกประดู่ สวยได้ใจ ชอบเวลาที่มีโอกาสไปจอดรถใต้ต้นประดู่ แล้วได้ดอกร่วงพราวมาเต็มหลังคารถ big smile

...

#18 By กะจิ๋วหลิว on 2007-10-24 22:04

ขอบคุณค่ะbig smile
แน่นอนครับ ใน http://lab.tosdn.com/?p=60 ผมก็ได้ยกตัวอย่าง wii จากหนังสือ positioning เหมือนกัน

#16 By ฟิวส์ on 2007-10-24 19:57

รอคนเขียนเรื่องนี้นานๆๆๆๆๆมากๆๆๆๆๆเลยค่ะ confused smile
จะเอาไปอ่านและทดลองทำแน่ๆค่ะ

ยกให้เป็น Guru อีกหนึ่งท่านค่ะ big smile

#15 By ตุ้มเป๊ะ on 2007-10-24 18:57

^-^
ขอบคุณ คุณทหารเรือมากครับ
เป็นกูรูจริงๆ คู่กับคุณเจนเนสซ่าเลยครับ
confused smile

#14 By ::poompuien:: on 2007-10-24 18:49

ไปส่อง ๆ ดูตามเอนทรี่เก่า ๆ ถึงได้รู้ว่าทำไงจะคอมเม้นต์บล็อกนี้ได้ (ผมเป็นหนึ่งในจำพวก IE6 ครับ) ทั้ง ๆ ที่ยังงง ๆ อยู่ว่าเพราะอะไร ตอนนี้เข้าใจแล้วครับ

ขอบคุณที่เข้าไปคอมเม้นต์บล็อกผม เลยทำให้ตามมาแถวนี้ได้ถูก พอดีกับอยากจะเปลี่ยนธีมใหม่ ผมเลยจะขอแอดเอาบล็อกเจ้าชายน้อยเป็นตำราศึกษาโค๊ดเลยแล้วกันนะครับ

ส่วนเรื่องหนังสือที่ผมเขียนแนะนำในบล็อก ผมจะแนะนำอยู่เรื่อย ๆ ล่ะครับ ไว้เดี๋ยวหนหน้าเอาอะไรมาลงจะมาเคาะประตูเรียกครับ cry
open-mounthed smile ไอ้ผมยังงมวิธีใส่ BG Comment อยู่เลยครับ
ซอสถูกแล้วแต่ไม่ขึ้น เห็นทีต้องแวะมาบล็อกนี้บ่อย ๆ ละ
/me ว่าแล้วก็จิ๊ก CSS ทั้งหมดไปดูซะเลย

#12 By mondaytakeshi on 2007-10-24 18:35

แนะนำเอาสคริปลงNotepad
แล้วทำให้มันมาเป้นบรรทัดเดียว
แล้วค่อยเอาลง ทุกครั้ง
อย่างนี้อาจพอไหวไหมคะ

#11 By lullscreen on 2007-10-24 18:03

เราโง่อะไรแบบนี้มากเลย จะพยายามมาอ่านสะบัดความโง่ออกไปนะ 555 PS เช้าไม่ได้เปิดร้านค่ะ เช้าเปงนักการตลาด ทำให้คุณพ่อคุณแม่ และคนสนิททานเจ๋ยๆ

#10 By ~@Asami@~ on 2007-10-24 16:46

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

#9 By เจ้าชายน้อย on 2007-10-24 15:43

เย้ย เจนเนสซ่าก็ไม่ค่อยเก่งหรอกค่ะ ^^!

ดีค่ะพี่ คนถามเยอะเหมือนกัน เอาไว้จะส่ง link นี้ให้เค้าดูเลยละกันค่ะ big smile

#8 By เจนเนสซ่า on 2007-10-24 15:29

เรื่องนี้พอจะทำได้อ่ะครับ
หลังจากถามคนนั้นคนนี้แล้ว : )

คุณเจ้าชายน้อยน่ะจะยกตัวอย่างให้ดูด้วยนะครับ
แบบ Step by step น่ะครับ
คุณ Maxtrix™ ที่ว่าในส่วน content คือที่หน้าเอนทรี่ใช่มั๊ยครับ ผมเองก็ใส่ไม่ได้เหมือนกัน แต่ที่ Links ใส่ได้ครับ นี่เป็นตัวอย่าง

<iframe title="zedth" src="http://www2.shoutmix.com/?zedth" width="200" height="400" frameborder="1" scrolling="auto"><a href="http://www2.shoutmix.com/?zedth">View shoutbox</a></iframe><br /><a href="http://www.shoutmix.com"</a>

จริง ๆ ผมเคยลองบางสคริปต์ก็ใส่ได้นะ แต่ต้อง Publish เลย ถ้ามากด edit เมื่อไหร่ มันจะหายไปเลยครับ

#5 By เจ้าชายน้อย on 2007-10-24 13:18

iframe ใส่ในส่วน Content ไม่ได้ครับ

แต่

ในส่วนคลิป Exteen ของมาสเตอร์แชมป์

ลอง View Source ดูปรากฏว่าใช้ iframe ได้

ง่ะ

ืทำไงถึงจะใส่ได้เนี่ย

อีกคำถาม

ตอนนี้แทรก swf ยังเดี้ยงอยู่ใช่ไหมคับ

#4 By Maxtrix™ on 2007-10-24 13:08

ใครว่าไม่เก่งคะ
อี๊ดแก้บล็อกให้หน้าตาเหมือนบล็อกได้นี่ก็เพราะข้อมูลจากบล็อกนี้แหล่ะค่ะ ต้องขอบคุณมากๆเลยค่ะ

#3 By eeddy(อี๊ด) on 2007-10-24 12:56

ละเอียดถี่ยิบจริงๆครับ แต่ของผมเองไม่ค่อยมีปัญหาเรื่องใส่สคริปต์ในลิงค์เท่าไร แต่มีปัญหาเรื่องธีมซะมากกว่า sad smile

#2 By บอมเบย์ on 2007-10-24 11:50

รวบ รวมเล่มเป็นคู่มือแจกตอนเข้าเป็นสมาชิกแรกเข้า Exteen เลยสิคะ ใครเข้ามาก็ download คู่มือไปใช้หรือ จะหาซื้อได้ตามร้านหนังสือชั้นนำทั่วไป

#1 By Catch me if u can (203.146.63.189) on 2007-10-24 11:38

Facebook