Tech&Tip

การใส่ youtube ใน blog

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

---

RSS ข่าว

    นำ Code ด้านล่างไปไว้ในตำแหน่งที่ต้องการให้แสดงข่าว ถ้าเป็นblogger ให้เรา เข้าไปที่ การออกแบบ>>เพิ่ม Gadget>>HTML/จาวาสคริปต์ แล้ว เอาcode ไปวางก็เป็นอันเสร็จ ครับ
1. ข่าวบันเทิง 1.        <iframe src ="http://www.zabzaa.com/news/entertain/entertain.php"
2.        marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=No width=468 height=360> </iframe>

2. ข่าวบันเทิงต่างประเทศ 
1.       <iframe src ="http://www.zabzaa.com/news/ent/ent.php"
2.        marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=No width=468 height=360></iframe>

3. ข่าวการเมือง
1.       <iframe src =http://www.zabzaa.com/news/politic/politic.php
2.       marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0scrolling=No width=468 height=350></iframe>

4. ข่าวกีฬา 
1.       <iframe src =http://www.zabzaa.com/news/sport/sports.php
2.       marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=No width=468 height=350></iframe>

---

  การทำ counter แบบตัวอักษร

        การทำ counter แบบตัวอักษร ที่สามารถแยกนับแต่ละหน้าเว็บได้ สำหรับผู้ที่ทำเว็บเพจ การใช้ counter ฟรีที่มีให้บริการตามที่ต่าง ๆ ก็ดูสวยดี แต่หากต้องการที่จะทำการนับ จำนวนผู้ที่เข้าชม เว็บเพจของเราในแต่ละหน้าแยกจำนวนออกจากกัน จะทำอย่างไร พอดีไปเจอ CGI ทำ counter แบบง่าย ๆ และเห็นว่าน่าใช้งานดี เลยถือโอกาสนี้ นำมาฝากกัน ก็สำหรับผู้ที่ใช้โฮสต์แบบที่รองรับ CGI เช่น Hypermart.net เท่านั้นนะครับ โดยผมได้นำมาจากhttp://www.utilmind.com ซึ่งมีความสามารถพิเศษคือ เป็น counter แบบตัวเลขที่ทำงานโดยการเรียก CGI โดยไม่ต้องระบุอะไรมากนัก โปรแกรมจะทำการตรวจสอบชื่อของไฟล์ html ที่เรียกและสร้างฐานข้อมูลสำหรับการนับ พร้อมทั้งแสดงผลเป็นตัวเลขได้ทันที ดูตัวอย่างการทำงานได้ จากการนับ จำนวนผู้เข้าชม ในแต่ละหน้าที่ด้านล่างขวามือ นี่แหละครับ การใช้งานและติดตั้งก็ง่ายมาก ๆ โดยทำตามขั้นตอนต่อไปนี้

1. ดาวน์โหลด source code และทำการ unzip เก็บไว้ในโฟล์เดอร์ /cgi-bin/counter/

2. ไฟล์ข้างในจะประกอบด้วย

counter.cgi คือไฟล์ที่เป็น cgi สำหรับรัน
counter.txt คือไฟล์สำหรับเก็บข้อมูลการนับ
index.html คือตัวอย่างการใส่ code สำหรับการเรียก counter.cgi

3. ทำการ upload ทั้งหมดไปเก็บไว้ที่ Server ของ hypermart โดยใช้ FTP Program

4. ไฟล์ counter.cgi ขณะที่ Upload ต้องเลือก mode แบบ ASCII ด้วยและเปลี่ยน mode เป็น 755 ก่อน

5. ที่หน้าเว็บเพจไหน หากต้องการทำการนับจำนวน ให้หาที่ว่าง ๆ ใส่ code นี้ลงไป

จำนวนผู้เข้าชม <!--#include virtual="/cgi-bin/counter/counter.cgi"--> ครั้ง

หรือดูตัวอย่างจากไฟล์ index.html ที่ดาวน์โหลดไปก็ได้

6. ตรวจสอบใน source code ของไฟล์ html ก่อนนะครับว่าไม่มีสัญญลักษณ์ต่าง ๆ ปะปนอยู่ด้วย

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

8. สามารถตรวจสอบจำนวนของ counter ได้โดยการเรียกดูไฟล์ /cgi-bin/counter/counter.txt