Tech&Tip


การใส่เพลง ในblog ของเรา ทำได้ยังไง

ง่ายมากเลยค่ะเพื่อนๆ  เพื่อเป็นการเพิ่มสีสันให้กับ blog ควรจะมีเพลงให้เพื่อนๆที่เข้ามาชมได้ฟัง คลายเคลียดกันนน .. อิอิ  มาลองทำกันเลยเน๊อะ
>> 1. คลิกที่นี้เลย จ้า   จะเข้าไปในเว็บ Mixpod (ต้องเป็นสมาชิกเว็บก่อนนะ)
>> 2.เลือกเพลงที่ต้องการ แล้วไปที่เมนู Creat A Music Playlist ใส่ชื่อเพลงในช่อง search หาเจอแล้วก็กดแอดเพลงได้เลย
>>3. เพื่อนๆสามารถแก้ไขรูปแบบได้ในเมนู Customize นะจ่ะ ใส่สีตามใจชอบเลย
>>4. จากนั้นก็กด Save Playlist



เทคนิคการซ่อนข้อความด้วยรูปภาพ


เพื่อหลีกเลี่ยงข้อจำกัดของการแสดงผลข้อความ ซึ่งมีรูปแบบไม่คงที่ขึ้นอยู่กับเว็บเบราเซอร์ของผู้ใช้ และอาจมีรูปแบบตัวอักษร (Font) ไม่เพียงพอต่อการใช้งาน อาจใช้วิธีการสร้างข้อความที่ต้องการด้วยโปรแกรมตกแต่งภาพแล้วนำมากำหนด ใน Property "background-image" แทนข้อความปกติได้ เช่น การแสดงหัวข้อเรื่อง เป็นต้น
แต่ข้อเสียของเทคนิคนี้ก็คือ ถ้าภาพที่แสดงมีขนาดใหญ่อาจทำให้เสียเวลาในการโหลดรูปภาพนาน เพราะฉะนั้นควรกำหนดขนาดรูปภาพให้เล็กที่สุดเท่าที่จะทำได้เพื่อลดระยะเวลาในการโหลดรูปภาพมาแสดง  และหากเว็บเบราเซอร์ของผู้ใช้ไม่สามารถโหลดรูปภาพได้อาจทำให้ไม่เห็นข้อความ ดังนั้นจึงต้องใส่ข้อความปกติไว้ด้วยพร้อมกับกำหนดค่าจำนวนเต็มลบใน Property "text-indent" เพื่อเลื่อนข้อความไปทางซ้ายของจอภาพ (ซ่อนข้อความแล้วแทนที่ด้วยรูปภาพ) 

ตัวอย่างโค้ด




ผลลัพธ์ที่ได้





การทำสไลด์โชว์ 


- ทำสไลด์โชว์รูปสวยที่ Slide.com

1) ก่อนอื่นต้องสมัคร slide.com ก่อน โดยเข้าไปที่ http://www.slide.com

http://www.slide.com

2) จากนั้นให้หาปุ่ม "สร้างการแสดงภาพสไลด์"
สร้างการแสดงภาพสไลด์

ตอนนี้ slide.com มีเวอร์ชั่นภาษาไทยแล้ว ถ้าเพื่อนเจอเวอร์ชั่นภาษาอังกฤษ ก็ให้หาคำว่า "Make a Slide Show"

3) เลือก "Browse"
โหลดรูปทำสไลด์
แล้วเลือกไฟล์ที่เราต้องการอัพโหลดเพื่อทำสไลด์ เมื่อเลือกเสร็จแล้ว ให้กด "open"
หมายเหตุ ถ้าต้องการใส่หลายไฟล์พร้อมๆ กันให้กด Ctrl + รูปที่ต้องการทำสไลด์

4) เมื่ออัพโหลดรูปเรียบร้อยแล้ว เพื่อนๆ ก็จะได้สไลด์โชว์ที่เป็นค่าเริ่มต้น (default)
สไลด์เริ่มต้น

ถ้าต้องการเปลี่ยนรูปแบบการแสดงสไลด์ ก็ให้เลือกรูปแบบใหม่ใต้หัวข้อ "ดัดแปลงแบบของคุณ" (Customize your Design)
ดัดแปลงแบบของคุณ

5) เมื่อปรับแต่งจนได้สไลด์ตามแบบที่เราต้องการแล้ว ให้กดปุ่ม "บันทึก (รับรหัส)"
บันทึก (รับรหัส)

6) จากนั้นจะพบหน้าต่างให้เรา "ลงทะเบียน" แต่เราจะข้ามขั้นตอนนี้ไป โดยเลือก "ข้ามการลงชื่อเข้าใช้"
ข้ามการเข้าชื่อเข้าใช้

7) ต่อมาเราจะพบหน้าต่างใหม่ ให้เราคัดลอกโค้ดสไลด์
คัดลอกโค้ดสไลด์


โดยไปที่ใต้กล่อง "คัดลอกรหัส"  กด Ctrl + C หรือกดขวาเมาส์ แล้วเลือก "copy"
..แค่นี้เราก็ได้โค้ดสำหรับนำสไลด์โชว์รูปสวยของเราแล้ว  







ไม่มีความคิดเห็น:

แสดงความคิดเห็น