Thứ Hai, 3 tháng 1, 2011

Tạo công cụ tìm kiếm cho blog/ website


Bạn muốn tạo công cụ tìm kiếm cho trang web ? Hãy dùng thử các mã nguồn sau đây.

1. Mã thông thường:
<!--Mã tìm kiếm Google bắt đầu-->
<p align="left">
<form id="searchthis" action="http://www.vina1.tk/search" style="display:inline;" method="get">
<strong>Tìm kiếm Blog này<br/></strong>
<input id="b-query" maxlength="255" name="q" size="30" type="text"/>
<input id="b-searchbtn" value="Tìm Kiếm" type="submit"/>
</form></p>

<!--Đóng mã-->
Trong đó: - Đoạn "http://www.vina1.tk" chỉ định công cụ tìm trong blog/ website của bạn.
- Cụm từ Tìm kiếm blog này sẽ hiển thị phía trên công cụ.
- maxlength="255" chỉ định công cụ cho phép nhập từ khóa có tối đa 255 ký tự.
- size="30" là kích cở của công cụ.
- value="Tìm Kiếm" - Nút tìm kiếm.
*Kết quả:

Tìm kiếm blog này


2.Mã nâng cao:

Mã a:
<!--Mã tìm kiếm Google bắt đầu-->
<form action="/search" id="searchform" method="get" style=" text-align:center;">
<input class="inpsearch" id="s" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Nhập từ khóa cần tìm&quot;;}" onfocus="if (this.value == &quot;Nhập từ khóa cần tìm&quot;) {this.value = &quot;&quot;;}" type="text" value="Nhập từ khóa cần tìm">
<input id="searchsubmit" type="submit" value="Search">
</form>

<!--Đóng mã-->
Trong đó: Cụm từ Nhập từ khóa cần tìm sẽ hiển thị trong khung nhập tìm kiếm.
*Kết quả:


Mã b:
<!-- Begin Google Search Code -->
<form method="get" action="http://www.vina1.tk/search" target="_top"><table><tr><td nowrap="nowrap" valign="top" align="left" height="55"><a href="http://www.google.com/"><img src="http://www.google.com/logos/Logo_25wht.gif" border="0" alt="Google" align="middle"></img></a>&nbsp;<input type="text" name="q" size="55" maxlength="255" value=""></input><input type="submit" name="sa" value="Tìm Ki&#7871;m"></input><input type="hidden" name="client" value="pub-4763110844767107"></input><input type="hidden" name="forid" value="1"></input><input type="hidden" name="ie" value="ISO-8859-1"></input><input type="hidden" name="oe" value="ISO-8859-1"></input><input type="hidden" name="cof" 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;"></input><input type="hidden" name="hl" value="vi"></input></td></tr></table></form>
<!-- End Google Search Code -->
Lưu ý: Thay đổi http://www.vina1.tk sang địa chỉ trang web hay blog của bạn. Mã nguồn này được sử dụng cho Vina1.tk
* Kết quả:

Google 

3. Tìm kiếm lựa chọn:
<!--Mã tìm kiếm Google bắt đầu-->
<form method="GET" action="http://www.google.com/search">
<input type="hidden" name="ie" value="UTF-8">
<input type="hidden" name="oe" value="UTF-8">
<table bgcolor="#FFFFFF"><tbody><tr><td>
<a href="http://www.google.com/">
<img src="http://www.google.com/logos/Logo_25wht.gif" border="0" alt="Google" /></a>
</td><td>
<input type="text" name="q" maxlength="255" value="" >
<input type="submit" name="btnG" value="Search">
<span >
<input type="hidden" name="domains" value="Vina1.tk">
<input type="radio" name="sitesearch" value=""> Web <input type="radio" name="sitesearch" value="http://www.vina1.tk" checked=""> Vina1.tk
</span>
</td></tr></tbody></table>
</form>

<!--Đóng mã-->
Thay đổi các giá trị được tô màu sao cho phù hợp với trang web của bạn.
* Kết quả:




Google





Web Vina1.tk
5. Tìm Kiếm Tùy Chỉnh Của Google 
Hiện Google custom search đã cung cấp dịch vụ bằng tiếng Việt. Bạn có thể dễ dàng đăng ký 1 công cụ tìm kiếm cho website của mình tại đây.

Không có nhận xét nào:

Đăng nhận xét

Bạn có biết ? Bạn được nhận xét tự do trên bất kỳ bài đăng nào của Socmai. Thêm lựa chọn Tên/URL để tạo link hoặc sử dụng cập thẻ <a></a>.