Tạo khung tìm kiếm giống google

Điểm 4.6/5 dựa vào 87 đánh giá

Nhằm giúp cho đọc giả ghé thăm blog của bạn tìm thấy thông tin trên blog bạn một cách nhanh chóng thì bạn cần gắn trên site một công cụ tìm kiếm nào đó. Trong blogger cũng đã có hỗ trợ cho bạn công cụ tìm kiếm google, bạn có thể thêm tiện ích này vào blog của bạn rất dễ dàng. Với tiện ích này thì kết quả tìm kiếm sẽ trả lại ngay trên blog của bạn. Ở đây mình sẽ hướng dẫn bạn tạo form tìm kiếm với kết quả trả về sẽ được hiển thị như bạn tìm kiếm trên google. Hơn nữa với form này bạn có thể tùy chọn tìm kiếm trên site này hoặc site khác.


Hình ảnh minh họa
1. Đầu tiên đăng nhập tài khoản blogger
2. Vào thiết kế chọn thêm tiện ích (Add a gadget)
3. Thêm 1 HTML/Javascript
4. Chèn code bên dưới vào HTML/Javascript vừa thêm ở trên.
<form method=get action="http://www.google.com/search" class="googlesearch">
<input type="hidden" name="ie" value="UTF-8" />
<input type="hidden" name="oe" value="UTF-8" />
<table align="center"><tr><td>
</td>
<td class="bodyText">
<input type="hidden" name="domains" value="www.traidatmui.com" />
<input type="radio" name="sitesearch" value="" />Google.com.vn
<input type="radio" name="sitesearch" value="www.traidatmui.com" checked />Traidatmui.com<br />
<input type="text" name="q" size="28" maxlength="255" value="" />
<input class="button" type="submit" name="btnG" value="Tìm kiếm" /></td></tr></table></form>

Chỉnh code: Thay địa chỉ của traidatmui.com trên thành địa chỉ blog của bạn.

5. Cuối cùng save lại và tìm vị trí đặt phù hợp

Kết quả thủ thuật

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

Loading...

7 nhận xét

  1. Em đặt vào mà cứ báo lỗi nên ko lưu đc, anh giúp em với...

    Trả lờiXóa
  2. Nó báo lỗi thế nào?em nói rỏ hơn a sẽ giúp em. Anh có test lại thử nó vẫn save và hoạt động bình thường.

    Trả lờiXóa
  3. Dạ nó nói là mã của bạn đóng chưa chính xác...

    Trả lờiXóa
  4. Nếu em dán code vào phần tử HTML/Javascript nó sẽ tự động đóng các thẻ mà em chưa đóng lại. Nếu em làm từng bước trên thì anh nghĩ sẽ không xảy ra lỗi đó. em thử lại nhe.

    Trả lờiXóa
  5. Em làm đc rùi, hjhj, nhờ đọc đc nên em mới biết là khi đưa vào HTML/Javascript thì ko sao, còn nếu đưa vào thẳng mã của blog thì phải mã hóa trước mới đưa vào được. Em cũng cám ơn anh đã trả lời em nha!

    Trả lờiXóa
  6. mốn cho ô tìm kiếm lên trước thì làm thế nào vạy anh

    Trả lờiXóa
  7. Em chỉ cần chuyển code <input type="text" name="q" size="28" maxlength="255" value="" />
    <input class="button" type="submit" name="btnG" value="Tìm kiếm" /> lên ngay sau dòng <td class="bodyText"> là được. Thân!

    Trả lờiXóa