Thêm công cụ tìm kiếm cho Blog

Như các bạn đã biết , mỗi trang web hay blog đều có công cụ Search để người đọc có thể dễ dàng tìm kiếm thông tin . Trang của bạn chưa có hộp tìm kiếm ? ..Xin mời tham khảo môt số mẫu sau ....

1. Hộp tìm kiếm đơn giản ( tham khảo từ thuthuatblog )

<p align="left"> <form id="searchthis" action="LIÊN KẾT/search" style="display:inline;" method="get"> <strong>Tìm kiếm<br/></strong> <input id="b-query" maxlength="100" name="q" size="20" type="text"/> <input id="b-searchbtn" value="Search" type="submit"/> </form></p>

- Bạn chỉ việc coppy đọan mã trên rồi paste vào 1 widget ( trình bày -> thêm phần tử trang -> HTML/javascript ) và thay đổi những chữ màu đỏ cho phù hợp với trang của bạn

* LIÊN KẾT : thay chữ "LIÊN KẾT" bằng địa chỉ blog của bạn (VD: http://kieuphong.blogspot.com)
* Tìm kiếm : Bạn có thể thay chữ này bằng chữ Search hoặc chữ khác tùy thích . Nếu không thích nó hiển thị thì bạn có thể xóa nó đi cũng được .
* 100 : Ðây là số kí tự tối da . Bạn có thể thay đổi cho nó lớn thêm hoặc nhỏ đi tùy thích , nhưng thường là ban nên chọn con số 100 là vừa.
*20 : số kí tự hiển thị ( chiều dài của hộp ) . Bạn có thể thay đổi cho nó tăng lên hoặc giảm đi cho phù hợp với chiều ngang widget .
* Search : Có thể thay chữ này bằng chữ "tìm kiếm " hoặc chữ khác tùy thích .
- Bây giờ thì lưu thay đổi lại ....và bạn đã có một hộp tìm kiếm rất gọn và đơn giản .

2. Hộp tìm kiếm lấy từ Google Adsense.

Những bạn nào chưa đăng kí được Google Adsense mà vẫn muốn sử dụng công cụ Search của nó thì tham khảo đọan mã này.



<!-- SiteSearch Google -->
<form action="http://www.google.com.vn/custom" target="_top" method="get">
<table border="0" bgcolor="#ffffff">
<tr><td nowrap="nowrap" valign="top" height="32" align="left">
<a href="http://www.google.com/">
<img border="0" alt="Google" src="http://www.google.com/logos/Logo_25wht.gif" align="middle"/></a>
<br/>
<input value="kieuphong.com" name="domains" type="hidden"/>
<label for="sbi" style="display: none">Nhập các thuật ngữ tìm kiếm của bạn</label>
<input maxlength="255" id="sbi" value="" name="q" size="28" type="text"/>
<label for="sbb" style="display: none">Nộp mẫu đơn tìm kiếm</label>
<input id="sbb" value="Tìm kiếm" name="sa" type="submit"/>
</td></tr>
<tr>
<td nowrap="nowrap">
<table>
<tr>
<td>
<input id="ss0" value="" name="sitesearch" type="radio"/>
<label for="ss0" title="Tìm Kiếm trên Web"><font color="#000000" size="-1">Web</font></label></td>
<td>
<input id="ss1" checked value="kieuphong.com" name="sitesearch" type="radio"/>
<label for="ss1" title="Tìm kiếm kieuphong.com"><font color="#000000" size="-1">kieuphong.com</font></label></td>
</tr>
</table>
<input value="pub-6532491234052803" name="client" type="hidden"/>
<input value="1" name="forid" type="hidden"/>
<input value="ISO-8859-1" name="ie" type="hidden"/>
<input value="ISO-8859-1" name="oe" type="hidden"/>
<input value="active" name="safe" type="hidden"/>
<input value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1" name="cof" type="hidden"/>
<input value="vi" name="hl" type="hidden"/>
</td></tr></table>
</form>
<!-- SiteSearch Google -->



*** Bạn chỉ việc thay những chữ kieuphong.com bằng địa chỉ blog của bạn và thay số 28 "size=28" bằng 1 con số nào đó cho vừa với widget trên trang của bạn là được .

*** Bạn cũng có thể vào trang này đăng nhập bằng tài khoản Gmail.......và tự tạo cho mình một Custom Search Engine

3. Nếu bạn vẫn chưa hài lòng với 2 hộp tìm kiếm trên thì có thể vào trang này
và dùng tài khoản Gmail của mình để đăng nhập .Ở trang Google Gadgets này có rất nhiều công cụ cho bạn chọn như hộp tìm kiếm , G Talk, cá cảnh , đồng hồ ....... để trang trí cho Blog yêu của bạn .

kieuphong