Cách tạo Box Google Search cho blog

Với thủ thuật này, bạn có thể áp dụng cho nhiều trang web search khác nhau, chỉ cần thay đổi code 1 chút là có thể làm được. Ở đây mình chỉ giới thiệu với Google.

Đầu tiên, chọn nơi muốn hiển thị Box search, rồi tạo 1 widget HTML/Java rồi dán code vào. Ở đây mình sẽ giới thiệu Google Search và Google BlogSearch.

1. Google search:

Hình minh họa:

Code:

<form action="http://www.google.com/search" method="get" style="color: rgb(255, 0, 0);">target="_blank"</span>><div style="<span style=">border: 0px</span> solid <span style="color: rgb(255, 0, 0);">#ccc</span>; padding: <span style="color: rgb(255, 0, 0);">4px</span>; width: 20em;">
<table border="0" cellpadding="0">
<tbody><tr><td>
<input style="<span style=">width: 120px</span>;"maxlength="255" value="" name="q" size="25" type="text"/>
<input value="Tìm Kiếm" type="submit"></td></tr>
<tr><td align="left">
<input checked="checked" value="<span style=">YourBlog</span>.blogspot.com" name="sitesearch" type="checkbox"/> Chỉ tìm kiếm ở Blog này</td></tr></tbody></table></div></form>

Có thể thay đổi các dòng code màu đỏ để trang trí box search theo ý bạn.

2. Google Blogsearch:

Hình minh họa:

Code:

<form method="GET" action="http://blogsearch.google.com/">
<input type="hidden" name="num" value="10">
<input type="hidden" name="hl" value="en">
<input name="as_sitesearch" value="<span style=">YOURBLOG_URL</span>" type="hidden">
<input type="text" name="as_q" style="width: 100px;">
<input type="submit" value="Google Blog Search">
</form>

Chúc các bạn thành công

Xem chi tiết (Read more)...