Jennessa's Blog: แต่งบลอคง่าย ๆ ด้วยตัวคุณเอง

ตอนเริ่มทำบลอคแรก ๆ ไม่มีความรู้เกี่ยวกับการแต่งบลอคเลยค่ะ หลังจากสมัครสมาชิกที่ Exteen และเริ่มอยากจะมี blog header เป็นของตัวเอง เป็นแรงบันดาลใจทำให้หันมาศึกษา CSS แล้วลองผิดลองถูก จนเขียนมาได้หลายหัวข้อ ^ ^" ทั้งหมดที่เขียนมา ดูได้ที่นี่นะคะ Click

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

1. ไปที่ YouTube ก่อนค่ะ แล้วคลิกเลือกวีดีโอที่เราต้องการ

2. จากนั้นให้ดูทางขวาของวีดีโอ ในส่วนที่เป็นข้อมูลเกี่ยวกับวีดีโอ ให้ copy โค้ดตรง Embed เก็บไว้ก่อนค่ะ ดังรูป

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

<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/6gmP4nk0EOE"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/6gmP4nk0EOE" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>

เราสามารถกำหนดความกว้างยาวของวีดีโอได้ โดยใส่ค่าใหม่ตรง width คือค่าความกว้างของวีดีโอ และ height คือค่าความสูงของวีดีโอ ตรงที่ hilight ไว้นะคะ

3.จากนั้น ตอนเขียนบลอคใหม่ เมื่อพิมพ์ไปถึงตำแหน่งที่เราจะใส่ youtubeให้กดที่ปุ่มเพื่อเข้าสู่ HTML Mode ดังรูป

4. วางโค้ดที่ copy มาจากเวบ youtube (จากข้อ 2) จากนั้นกดปุ่มเดิม เพื่อกลับสู่ Mode เดิม

5. เสร็จแล้วค่ะ แค่นี้เราก็มีวีดีโอจาก YouTube ในบลอคเราแล้วค่ะ (^ ^)V

บลอคหน้าจะเอาวีดีโอเกี่ยวกับ web 2.0 มาให้ดูค่ะ เราว่ามันเจ๋งมาก ๆ >_<