Tech & Tips

การสร้างปุ่มสั่งการให้กับสไลด์โชว์

ขั้นตอนที่ 1: ก่อนสร้างปุ่มสั่งงาน ให้ลองสร้างสไลด์โชว์แบบง่ายๆ ขึ้นมา สักสี่หน้าก็พอค่ะ อันนี้ จะได้ไว้ลองทดสอบการลิงค์ หรือสั่งเรียกหน้าเท่านั้นเอง จากนั้น ให้ใส่หัวข้อ หรือข้อความอะไรก็ได้ โดยให้ลองใส่หัวข้อนี้ ไว้ที่กลางหน้าเพจ และอย่าลืมใส่เลขหน้ากำกับด้วยนะคะ ว่าหน้าไหนเป็น หน้า 1, 2, 3 และ 4 เพื่อกันความสับสน เวลาเราทดสอบเรียกหน้า แล้วก็ให้ลองตั้งค่าสีพื้นของแต่ละหน้าเพจ ด้วยสีที่ต่างกัน จะได้ยิ่งเห็นความแตกต่างได้เด่นชัดมากขึ้น สำหรับการตั้งค่าสีพื้น ให้กับหน้าเพจแต่ละหน้า


หากใครทำไม่เป็น ก็ไม่ยากค่ะ ให้เข้าไปที่แถบเมนู Design จากนั้น ที่ขวาสุดๆ ให้ลองมองหาแถบเมนูชื่อ Background จากนั้นเลือก Background Styles จากนั้น เลือก Format Background จากนั้น ให้เลือก Fill > Solid Fill

และเลือกสีที่เราต้องการใช้ สำหรับหน้าเพจนั้นๆ ถ้าหากว่า สีที่เห็นอยู่นั้น ยังไม่โดนใจกันจะๆ ก็ให้เลือก More Colors ซึ่งโปรแกรมก็จะแสดงสีอื่นๆ อีกมากมายให้เลือกค่ะ นอกจากนี้ ยังสามารถปรับค่าต่างๆ ได้อีก อย่างเช่น การปรับระดับความโปร่งแสงของสไลด์ ซึ่งโดยปกติ โปรแกรมจะตั้งค่าความโปร่งแสงมาให้เป็น 100% ซึ่งจะทำให้เราเห็นว่า สีที่เลือกนั้นโปร่งแสงแบบร้อยเปอร์เซ็นต์ ซึ่งเราสามารถปรับเปอร์เซ็นต์ หรือระดับความโปร่งแสงที่ว่านี้ได้ตามความต้องการ จากนั้น เมื่อเรียบร้อยแล้ว ก็สามารถสั่งให้มีผลกับหน้าเพจเดียว โดยเลือกคลิ้กที่ปุ่ม Apply หรือ จะให้มีผลกับทุกเพจในสไลด์โชว์ ก็ให้เลือก Apply to All ค่ะ เสร็จแล้วก็กดปุ่ม Close ซะ เพียงเท่านี้ ทุกอย่างก็เป็นอันเรียบร้อย แค่นี้ สไลด์โชว์ของเรา ก็พร้อมรบ เอ้ย พร้อมใช้แล้วล่ะค่ะ จากนั้น เราก็มาเริ่มสร้างปุ่มสั่งการ เพื่อเสกให้สไลด์โชว์ของเรา วิ่งไวไปหน้าโน้นหน้านี้ ตามใจต้องกันกันได้เลย...


ขั้นตอนที่ 2: ก่อนจะทำขั้นตอนต่อไป อย่าลืม save หรือบันทึกไฟล์สไลด์โชว์ที่เพิ่งสร้างไว้เสียก่อนนะคะ เดี๋ยวเกิดปุ๊บปั๊บ คอมพ์ดับไป จะเศร้าใจมิใช่น้อย และที่ให้บันทึกไฟล์เสียก่อนนี้ ก็เพื่อประโยชน์สำหรับขั้นตอนถัดไป ในส่วนของการสร้างตัวเชื่อมต่อ หรือลิงค์ต่างๆ ระหว่างปุ่ม กับหน้าเพจ เพราะการจะสั่งให้เปิดหน้าเพจ หรือหน้าเว็บใดๆ จะต้องมีการอ้างถึงถิ่นที่ตั้งของไฟล์ เพื่อให้สามารถเรียกเปิดหน้าที่ต้องการได้อย่างแม่นยำ อีกด้วยค่ะ


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

> Home Tab: ซึ่งอยู่ทางด้านขวาของแถบเมนู Home ให้คุณหา Drawing area จากนั้น ที่ด้านซ้ายของส่วนนี้ ให้หาปุ่มที่มีหน้าตาคล้ายเครื่องหมาย Play หรือคล้ายๆ หัวลูกศร ซึ่งตรงนี้ ก็คือ จุดที่เราจะสามารถสร้างปุ่มสั่งการได้ โดยเลือกที่ Action Buttons ค่ะ
> Insert Tab: นอกจากที่แถบเมนู Home แล้ว เรายังสามารถสร้างปุ่มสั่งการได้จากแถบเมนู Insert อีกด้วยค่ะ ซึ่งเมื่อเลือกไปที่แถบเมนู Insert แล้ว ก็ให้มองหา Illustrations และมองหาปุ่มที่ชื่อ Shapes แล้วคลิ้กที่ปุ่ม Shapes นี้ล่ะค่ะ จากนั้น ให้มองหาปุ่มที่ชื่อ Action Buttons เช่นกัน

> Insert Tab: ที่แถบเมนู Insert นี้ ยังสามารถเลือกสร้างปุ่มสั่งการได้จากอีกช่องทางหนึ่ง โดยเมื่อเราเข้าไปที่แถบเมนู Insert แล้ว ให้มองหาแถบเมนูย่อยชื่อ Action ซึ่งตรงนี้ นับว่าเป็นทางลัด ที่ช่วยให้เราสร้างปุ่ม Action ได้แบบจานด่วน

ขั้นตอนที่ 4: คลิ้กเลือกบนปุ่ม Action Button จากนั้น ก็ให้เราลองปรับขนาดของปุ่มให้เข้าที่เข้าทาง ให้พอเหมาะพอดีเสียก่อน ซึ่งเราสามารถปรับขนาดของปุ่มได้ด้วยการเลือก และลากเม้าส์ โดยกำกับที่สัญลักษณ์ที่อยู่ตามขอบของปุ่มนะคะ


ขั้นตอนที่ 5: เมื่อเราจัดการกับรูปลักษณ์ของปุ่ม จนได้ดังใจแล้ว คราวนี้ ก็มาทำการตั้งค่า การบังคับกำกับการแสดงให้กับปุ่มกันต่อค่ะ โดยเลือกที่ Action Settings จากนั้น จะมีหน้าต่างเล็กๆ แสดงขึ้นมา เพื่อให้เราเลือกการตั้งค่าการแสดงผล หรือ Action ให้กับปุ่ม ซึ่งการตั้งค่านี้ก็คือ จะให้ปุ่มสั่งให้สไลด์ไปที่เพจไหนต่อไป เมื่อเราคลิ้กบนปุ่มนั้นๆ ในที่นี้ เราจะเลือก Hyperlink เป็นสไลด์ถัดไป ซึ่งค่าที่เราต้องเลือกก็คือ เช็คเลือกรายการ “Hyperlink to:” และเลือกรายการ Next Slide จากนั้น คลิ้ก OK ค่ะ


ขั้นตอนที่ 6: จากนั้น ไปที่สไลด์หน้าสอง และทำคล้ายๆ กัน คือสร้างปุ่มเพื่อสั่งการ ซึ่งขั้นตอนการสร้างปุ่มนั้น ก็จะคล้ายๆ กับปุ่มแรกนั่นเองค่ะ แต่ทว่า สำหรับสไลด์หน้าสองนี้ เราจะเลือกสร้างปุ่มขึ้นมาสองปุ่ม ปุ่มหนึ่ง ให้เลือกสัญลักษณ์ เป็นการ Back หรือถอยกลับ และให้เลือก Hyperlink ไปที่เพจหนึ่ง เมื่อคลิ้กบนปุ่มนี้ ส่วนอีกปุ่มหนึ่ง ให้ทำคล้ายๆ กับปุ่มในหน้าแรกค่ะ คือเลือกสัญลักษณ์ว่า ให้เดินไปข้างหน้า หรือปุ่มที่หน้าตาคล้ายปุ่ม Play และให้เลือกลิงค์ไปที่หน้าสาม เมื่อกดปุ่มนี้ค่ะ


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

ขั้นตอนที่ 7: เลือกสไลด์โชว์หน้าที่สาม เพื่อใส่ปุ่มสั่งการเข้าไป ซึ่งก็ทำคล้ายๆ กับหน้าสองนั่นเองค่ะ คือมีปุ่มสองปุ่ม สำหรับถอยกลับ และเดินหน้า แต่ถ้าจะลองให้ต่าง ก็ให้ลองเลือกปุ่มที่สั่งเดินหน้า โดยแทนที่จะตั้งค่าว่า เมื่อกดแล้ว ให้ไปเรียกหน้าสไลด์ หรือเพจถัดไป ก็ให้เปลี่ยนไปเรียกเว็บไซต์ขึ้นมาแทน การตั้งค่านี้ก็คือ ที่ Hyperlink To ให้เลือกตั้งค่าเป็นแบบ URL จากนั้น ก็จะพบว่ามีช่องให้เรากรอกชื่อเว็บไซต์ที่ต้องการเรียกเข้าไป เราก็ลองใส่เลยค่ะ เช่น ให้ลองใส่ http://www.pcworld.com แล้วก็คลิ้กปุ่ม OK แค่นี้เองล่ะค่ะ อ๊ะๆ แต่ระวังหน่อยนะ ถ้าคลิ้กปุ่มนี้เมื่อไหร่ ระวังจะเจอของเจ๋ง ก็ PCWorld เขามีแต่ของดีๆ ที่คัดสรรมาแล้วนี่นา

ขั้นตอน 8: จากนั้น เลือกสไลด์หน้าสี่ แล้วก็ให้สร้างปุ่มเข้าไปเช่นกัน โดยที่หน้านี้ เราจะสร้างปุ่มแบบพิเศษกว่าที่หน้าอื่นๆ คือเราจะเลือกรูปภาพบนปุ่มที่ต่างออกไป โดยขอเลือกใส่เป็นรูปบ้านนะคะ เพื่อสื่อให้เห็นว่า หน้านี้ เมื่อกดปุ่ม สไลด์ที่จะถูกเรียกขึ้นมา ก็คือ สไลด์หน้าแรก คือให้กลับไปที่หน้าแรก หรือหน้าหลักของสไลด์ นั่นเอง เพียงแค่ 8 ขั้นตอนเท่านั้น สำหรับวันนี้ เราก็จะได้สไลด์โชว์ ที่สามารถสลับหน้าเพจไปมา ได้ดังใจกันแล้วค่ะ ไม่เชื่อ ก็ลองทดสอบ โดยเรียกเล่นไฟล์สไลด์โชว์ของคุณดูได้เลยจ้า





การใส่นาฬิกาลงในบล็อค


1. หาโค้ดนาฬิกาก่อน หาได้จากที่ไหน? ที่ ๆ เราไปหาบ่อยก็คือใน Bloggang ค่ะ แล้วเลือกที่หมวด การตกแต่งบลอค จะมี blogger ใจดี แจกโค้ดนาฬิกาเยอะแยะเลยค่ะ ตัวอย่างโค้ดนาฬิกาที่เลือกมาดังข้างล่างค่ะ

<iframe src="http://www.animekaos.fr/naruto-clock.htm" width="69" height="67" scrolling="no" frameborder="no" allowtransparency="true" border="0" framespacing="0"></iframe>
เมื่อเลือกได้แล้ว ให้ Copy โค้ดทั้งหมดไว้ก่อนค่ะ

2. กลับมาที่ Exteen ค่ะ เข้าไปที่ Preferences --> Links ตรง Add New Link ให้นำโค้ดที่ Copy ไว้มาใส่ใน Description: ค่ะ ดังรูป



ส่วนตรง URL: จะเว้นว่างไว้ก็ได้ค่ะ แต่ถ้าเว้นว่างไว้ เวลาไปกดที่นาฬิกาในหน้าบลอคของเรา มันจะไปยังหน้า Page not found น่ะค่ะ เราก็เลยใส่ใน URL: ให้ลิงค์มายังหน้าเดิมโดยใส่ดังนี้ค่ะ jennessa.exteen.com/# เพื่อน ๆ ก็ใส่ชื่อ username ของตัวเองแทนคำว่า jennessa นะคะ เสร็จแล้วกดปุ่ม ADD ได้เลยค่ะ

3. กดปุ่ม View your blog ได้เลยค่ะ ^ ^" นาฬิกาน่ารัก ๆ จะอยู่ข้าง ๆ บลอคตรง Links ค่ะ ดูตัวอย่างนาฬิกาจากโค้ดนี้ได้ทางซ้ายมือเลยค่ะ(^ ^)V
** อย่าลืมเลือกให้แสดง Link ในบลอคก่อนนะคะ ที่ Theme --> Select Components แล้วติ๊กถูกที่ Links แล้วกด ok ค่า

การใส่เพลงลงในบล็อค


1. เราต้องมีไฟล์เพลงที่ต้องการใส่ลงในบลอคก่อนนะคะ ซึ่งส่วนใหญ่ทุกคนคงจะมีเป็นไฟล์ .mp3 หรือ .wma นำไฟล์เพลงไป upload ไว้ตามเวบที่รับฝากไฟล์ก่อนนะคะ (file hosting) เพื่อจะให้ได้ URL ของไฟล์เพลงนั้นมา ดูวิธีการ upload ไฟล์ได้ที่บลอคของป้ามดค่ะ Click

แต่โดยส่วนตัวแล้ว ตอนนี้ยังหาเวบรับฝากไฟล์ที่ถูกใจไม่ได้เลยค่ะ บังเอิญไปเจอเวบที่แจก URL เพลง คือเวบ GetCode มีช่องให้ค้นหาเพลงที่ต้องการด้วยค่ะ หรือเมื่อเข้าไปหน้าแรกแล้ว ให้เข้าไปที่เมนู "รายชื่อเพลง" จากนั้นกดเลือกเพลงที่ต้องการค่ะ ดังรูป



2. Copy URL ในช่องสี่เหลี่ยมในกรอบแดงเก็บไว้ก่อนค่ะ อันนี้คือ URL ของเพลง


3. มาดูโค้ดใส่เพลงกันค่ะ

<embed name="objMediaPlayer" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="http://www.bzro.net/getcode/pj.php?1776" width="300" height="47" type="application/x-mplayer2" autostart="false" loop="false" showstatusbar="true" /> </embed />

มาดูการกำหนดค่าในแต่ละ attribute กันนะคะ

• src: บริเวณที่ไฮไลท์ไว้ ให้ใส่ URL ของเพลงค่ะ (URL จากข้อ 2)

• width: กำหนดความกว้างของ Window Media Player

• height: กำหนดความยาวของ Window Media Player

• autostart: true ถ้าต้องการให้เพลงเล่นทันทีเมื่อเข้ามาในเวบ / false เพลงจะเล่นต่อเมื่อผู้ใช้กดปุ่ม play ก่อน

• loop: true เล่นเพลงวนไปเรื่อย ๆ / false เล่นเพลงครั้งเดียว / n ใส่ตัวเลขจำนวนครั้งที่จะให้เพลงวน

• showstatusbar: true แสดง status bar / false ไม่แสดง status bar (status bar คือ แถบสีดำล่างสุดที่แสดงข้อมูลเกี่ยวกับเพลง เช่น ชื่อเพลง เวลา สถานะ เป็นต้น)

• volume: กำหนดความดังของเพลง สามารถใส่ตัวเลข 0 - 100 ค่า default ของ Window คือ 50 ค่ะ

4. หลังจากกำหนดค่าต่าง ๆ เรียบร้อยแล้ว ให้นำโค้ดไปใส่ตอนเขียนบลอค โดยกดปุ่ม ก่อนค่ะ เพื่อเข้าสู่ HTML Mode จากนั้นใส่โค้ดลงไป แล้วกดปุ่ม อีกทีค่ะ จะเห็น Window Media Player ขึ้นในหน้าเขียนบลอคแล้วค่ะ แล้วก็ Publish ได้เลยยย
5. เสร็จแล้วค่ะ แค่นี้ก็มีเพลงเพราะ ๆ ฟังในบลอคของคุณแล้วค่ะ (^ ^)

*********************************
*****************************************************