จับ Google Search เข้าเวบไซด์เรา

หากว่าเพื่อนๆที่มีเวบไซด์ส่วนตัวแล้วอยากทำให้มันดูมี ประโยชน์มากยิ่งขึ้นหล่ะก็ วันนี้เราจะมาจับเจ้า Search Engine ชื่อดังอย่าง Google เข้ามาเป็นส่วนหนึ่งของเวบเรากัน ขั้นตอนไม่มีไรยุ่งยากส์ครับ แค่นำ Source Code HTML ข้างล่างนี้ไปแทรกในหน้าเวบที่เราต้องการ

การแทรกโค๊ดแบบที่ 1 ด้วย HTML

<form method="get" action="http://www.google.com/search"><input type="text" name="q" size="31" maxlength="255" value="" ><input type="submit" value="Google Search"><input type="radio" name="sitesearch" value="">The Web<input type="radio" name="sitesearch" value="gimyong 's blog" checked>Gimyong 's Blog<br></form>

การแทรกโค๊ดแบบที่ 2 ด้วย CSS
<form method="get" action="http://www.google.com/search"><input type="text" name="q" size="31" maxlength="255" value=""><div style="border:1px solid black;padding:4px;width:23em;"><table border="0" cellpadding="0"><tr><td><input type="submit" value="Google Search"></td></tr><tr><td align="center" style="font-size:75%"><input type="radio" name="sitesearch" value="gimyong 's blog" checked>Only search Gimyong 's Blog<br></td></tr></table></form>

เมื่อทำเสร็จสิ้นแล้วเราจะได้รูปภาพตามแบบข้างล่างนี้ในเวบไซต์ส่วนตัวของเราครับ :)

[ผลลัพธ์หลังจากการแทรกโค๊ดเข้าไป]