Home »

Tạo trang tìm kiếm bằng Google Search

Công cụ tìm kiếm trên Blogspot đơn điệu, không toàn diện đối với những người khó tính.Tại sao chúng ta không tạo ra 1 công cụ tìm kiếm như của Google,Yahoo,...Nhưng  tạo ra là điều không dễ....heee.Do đó,Google dã cung cấp cho chúng ta 1 công cụ là Google Search Engine.
Với bộ công cụ này việc tìm kiếm trên trang web bạn sẽ trở nên mạnh mẽ và linh hoạt hơn.

Các bước thực hiện :
1. Truy cập vào http://www.google.com/cse/

Click chọn Create a Custom Search Engine 



 Việc tiếp theo là điền đủ thông tin về website của bạn.Như hình dưới




Click button Tiếp -> Sau đó chọn giao diện hiển thị
 Click bào button Tiếp --> Chúng ta click vào giao diện như hình dưới 

Ta chọn Giao Diện và sau đó Click vào Lưu & lấy mã



Trang hiển thị Mã 


a.Specify site details : Chọn giao thức là HTTP
b.Specify the url in your site where you want the search results to appear: Điền địa chỉ trang tĩnh của bạn vào đây.
c.Custom Search element code: Thẻ này bên dưới có hai khung. 

Ta sử dụng Code trong khung 2 để chèn vào trang web tĩnh trên Blog.

2.  Lấy số ID của Google custom search engine :
     Click  vào Cài đặt cơ bàn --> Copy đoạn ID duy nhất của công cụ tìm kiếm


3. Thêm tiện ích HTML/Javascrip để hiển thị :


<form action="http://piggy0603.blogspot.com/p/search.html" id="cse-search-box" method="get" style="display: inline;">
<input name="cx" type="hidden" value="010480813885436630328:ebrso6bruxm " />
<input name="cof" type="hidden" value="FORID:10" />
<input name="ie" type="hidden" value="UTF-8" />
<input id="searchbox" name="q" onblur="if(this.value=="")this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value="";" size="20" type="text" value="Nhập từ khóa cần tìm..." />
<input id="searchbutton" type="submit" value="Search" />

</form>

Thay thế link Blog của bạn và ID của bạn vào đoạn mã trên.
Chúc mọi người thành công.
Tags: , ,

Tin liên quan