Thêm công cụ tìm kiếm tùy chỉnh của Google vào Blogger

Qua một thời gian sử dụng Blogger, nếu bạn có để ý sử dụng qua công cụ tìm kiếm mặc định bạn sẽ thấy nó có khá nhiều hạn chế. Mình xin liệt kê một vài dẫn chứng là:

  • Bạn viết blog bằng Tiếng Việt có dấu, người dùng không thể tìm kiếm bài viết nếu như không có dấu.
  • Người dùng đánh sai chính tả thì cũng coi như không có kết quả.
  • Nếu người dùng tìm kiếm bằng một đoạn từ dài mà không chính xác, kết quả cũng không xuất hiện được.

Đó chính là một vài dẫn chứng mà mình đưa ra, nếu không tin bạn có thể kiếm chứng nó tại blog của bạn. Sử dụng công cụ tìm kiếm tủy của Google không những bạn sẽ hoàn toàn khắc phục được hoàn toàn những nhược điểm trên, mà còn có thể kiếm tiền từ quảng cáo trên nó qua adsense nếu bạn có lượng truy cập lớn nữa. Do đó bài viết này mình sẽ hưỡng dẫn các bạn thêm công cụ tìm kiếm tùy chình của Google vào blog của các bạn.

Thêm công cụ tìm kiếm tùy chỉnh của google vào Blogger

Đầu tiên bạn truy cập vào trang sau đây bằng tài khoản Google
https://www.google.com.vn/cse/all
Sau dó chọn Add

Thêm công cụ tìm kiếm tùy chỉnh của google vào Blogger

Điền vào các thông tin yêu cầu và chọn TẠO

Thêm công cụ tìm kiếm tùy chỉnh của google vào Blogger

Ngay sau đó bạn sẽ nhận được thông báo tạo thành công, lúc này bạn có thể chọn Nhận mã, và sau đó chèn vào website của mình (widget hoặc bất kì vị trí nào).

Thêm công cụ tìm kiếm tùy chỉnh của Google vào Blogger

Với mặc định thì khi tìm kiếm nó sẽ hiện một pop-up tại website của bạn, trong đó chứa kết quả tìm kiếm của nó.

Thêm công cụ tìm kiếm tùy chỉnh của google vào Blogger

Nếu bạn muốn kết quả tìm kiếm của mình hiện ở một trang riêng và thanh tìm kiếm là đoạn mã của bạn, bạn tiếp tục vào Bảng điều khiển của cái bạn vừa tạo » chọn phần Giao diện » Chỉ hiển thị kết quả » Lưu & Nhận mã

Thêm công cụ tìm kiếm tùy chỉnh của google vào Blogger

sau khi chọn xong, màn hình mới sẽ xuất hiện trong đó chứa đoạn mã chúng ta cần

Thêm công cụ tìm kiếm tùy chỉnh của google vào Blogger

Bạn tiếp mở một cửa sổ mới đăng đăng nhập vào Blogger » Trang » Trang mới » Trang trống và coppy toàn bộ đoạn mã ở trên vào

Thêm công cụ tìm kiếm tùy chỉnh của google vào Blogger

Việc cuối cùng bạn cần làm là thêm một hộp thoại tìm kiếm vào blog của bạn bạn có thể sử dụng bất kì loại mã nào v.d. khung search mình đang sử dụng trên blog của mình

Thêm công cụ tìm kiếm tùy chỉnh của google vào Blogger

<form action="/p/search.html" class="navbar-form navbar-left" id="searchform" method="get" target="_top">
<input class="form-control col-lg-8" id="s" name="q" placeholder="Search" type="text">
</form>
đoạn mình đánh dấu bằng màu đỏ là đoạn bạn cần thay bằng khúc sau url của trang tìm kiếm mới lúc nãy bạn vừa tạo v.d. địa chỉ url của trang tìm kiếm mình tạo là www.kslzone.net/p/search.html

Lời kết

Công cụ tìm kiếm tùy chỉnh này có giữ được toàn bộ tính năng từ Google, việc thêm nó vào blog của bạn sẽ giúp người dùng dễ dàng tìm kiếm được mọi bài đăng có trên blog, không những thế bạn còn có thể kiếm tiền từ nó nữa. Sắp tới mình sẽ chia sẻ một vài giao diện của khung tìm kiếm để bạn có thể tùy ý lựa chọn cho mình. Và nếu còn bất kì thắc mắc nào liên quan đến bài viết này, bạn có thể để lại nhận xét ở dưới.

25 bình luận

  1. avatar says

    13:06 Ngày 14 tháng 11 năm 2014

    cái này mình tìm kiếm từ trang chủ thì đc, chứ tìm kiếm từ 1 bài viết nào đó, thì nó ko tìm dc, nó sẽ nhảy theo đường link vậy... blogspot.com/2011/06/p/ket-qua-tim-kiem_18.html... làm sao để fix bạn

  2. avatar says

    13:13 Ngày 14 tháng 11 năm 2014

    ak, mình làm dc rồi, thank bạn :)

  3. avatar says

    22:00 Ngày 14 tháng 11 năm 2014

    Lâm ơi hướng dẫn làm bộ công cụ tìm kiếm như trên kslzone đang dùng đi.

    https:// Lót chiếu ngồi hóng, khi nào có mới đi

  4. avatar says

    08:09 Ngày 15 tháng 11 năm 2014

    Ok, chiều làm về share luôn code, cơ mà giao diện thì chắc mấy bác phải tự nghĩ ra thôi chứ này này tương đối xấu.

  5. avatar says

    10:57 Ngày 15 tháng 11 năm 2014

    Hay quá, mình tìm kiếm cách làm này bấy lâu nay mà không được. Giờ thì tốt rồi :->

  6. avatar says

    13:46 Ngày 15 tháng 11 năm 2014

    Yeah, bài viết post từ tháng 2 đến giờ mới được mọi người quan tâm ^^

  7. avatar says

    19:10 Ngày 15 tháng 11 năm 2014

    Bài đăng rất bổ ích! cảm ơn anh

  8. avatar says

    07:54 Ngày 16 tháng 11 năm 2014

    Gửi cho em với được không ạ!

  9. avatar says

    09:43 Ngày 16 tháng 11 năm 2014

    Anh share bài mới từ hôm qua rồi đó gửi gì nữa =.=

  10. avatar says

    12:02 Ngày 16 tháng 11 năm 2014

    Giao diện như vậy là đẹp anh ạ. Đơn giản, em thích style Wordpress.

  11. avatar says

    00:12 Ngày 20 tháng 11 năm 2014

    Bạn ơi search test giùm mình http://www.hungoi.com/
    Mình search nhưng không ra được kết quả. Cảm ơn nhé

  12. avatar says

    04:12 Ngày 20 tháng 11 năm 2014

    Vì Blog của bạn mới viết bài, có 2 bài à. :) Kết quả tìm kiếm phụ thuộc vào bài viết đã được Google Index.

  13. avatar says

    08:27 Ngày 20 tháng 11 năm 2014

    Bạn submit tay lên Google theo bài này hết là xong
    http://www.kslzone.net/2014/02/ua-website-len-google-trong-vong-3-phut.html

  14. avatar says

    12:21 Ngày 05 tháng 03 năm 2015

    Bạn xem giúp mình được không, sao cái search tùy chỉnh của mình nó lại có 2 cái gạch ở trên kết quả tìm kiếm vậy
    http://www.kenhdotnet.com/

  15. avatar says

    12:28 Ngày 05 tháng 03 năm 2015

    Cái này rất thường gặp ở Google Custom Search, nó sử dụng rất nhiều thẻ table tr td do vậy nó ăn theo CSS của website nên nó hay xấu lắm. Cái này bắt buộc phải dùng firebugs hay những công cụ tương tự chỉnh css và thêm vào template thôi :D

  16. avatar says

    18:12 Ngày 19 tháng 06 năm 2015

    Ở đoạn này

    input class="form-control col-lg-8" id="s" name="q" placeholder="Search" type="text"

    Phải thêm dấu "/" ở thẻ > đóng thì google mới cho lưu template nha, bác nào ko lưu được thì lưu ý

  17. avatar says

    23:08 Ngày 04 tháng 07 năm 2015

    Hồi xưa vẫn dùng công cụ tìm kiếm tùy chỉnh của google vào Blogger của bác Noct, nhưng hôm nay thử làm nhưng không được.

    Mình tìm trên Google ra bài này và đã áp dụng xong :D

    Xin cho hỏi, mình thay chỗ: <input class=<b>"form-control col-lg-8" <b/>id="s" name="q" placeholder="Search" type="text">
    thành:

    <input class=<b>"serch" <b/>id="s" name="q" placeholder="Search" type="text">

    để giống như khai CSS trong temp liệu có sao không? Vì có thể class="form-control col-lg-8" được định hình CSS trong Js của Googlr tìm kiếm tùy chỉnh

  18. avatar says

    23:12 Ngày 04 tháng 07 năm 2015

    [code]Hồi xưa vẫn dùng công cụ tìm kiếm tùy chỉnh của google vào Blogger của bác Noct, nhưng hôm nay thử làm nhưng không được.

    Mình tìm trên Google ra bài này và đã áp dụng xong :D

    Xin cho hỏi, mình thay chỗ: <input class=<b>"form-control col-lg-8" </b>id="s" name="q" placeholder="Search" type="text">
    thành:

    <input class=<b>"serch" </b>id="s" name="q" placeholder="Search" type="text">

    để giống như khai CSS trong temp liệu có sao không? Vì có thể class="form-control col-lg-8" được định hình CSS trong Js của Googlr tìm kiếm tùy chỉnh[/code]

  19. avatar says

    08:15 Ngày 05 tháng 07 năm 2015

    Phần class thì anh thay thoải mái không có vấn đề gì cả :D

  20. avatar says

    01:15 Ngày 29 tháng 07 năm 2015

    Kết quả tìm kiếm của mình nó hiển thị nhưng bị che kiểu gì mà nó cứ mất chân các tiêu đề. Không biết cách khắc phục thế nào Lâm Kiều ơi. Bạn xem hộ mình với: http://www.cuonghs.com

  21. avatar says

    14:25 Ngày 02 tháng 08 năm 2015

    Bạn thêm vào css nhé
    .gsc-result .gs-title {
    height: 1.4em;
    text-decoration: none;
    }

  22. avatar says

    17:26 Ngày 31 tháng 08 năm 2015

    Có cách nào thêm chức năng này vào thanh tìm kiếm mặt định của blog được không? vì blog mình có thanh tìm kiếm thiết kế đẹp nhưng ko hoạt động nên mình mới tìm cách này

  23. avatar says

    19:00 Ngày 31 tháng 08 năm 2015

    Nếu ý bạn là khi người ta gõ vào khung search mặc định trên blog thì nó chạy qua kết quả tìm kiếm của cái này thì ok.

    Còn mà thêm mấy cái tác vụ tìm kiếm không dấu hay tất cả những thứ khác thì bó tay vì hoàn toàn không thể tác động vào cái chức năng tìm kiếm đó của Blogger.

  24. avatar says

    11:01 Ngày 01 tháng 09 năm 2015

    Đúng, chỉ cần gõ vào khung search mặc định trên blog thì nó sẽ chạy qua kết quả tìm kiếm của cái này vì cái khung search của cái template trên blog tớ chỉ để làm cảnh, chẳng có tác dụng gì

  25. avatar says

    18:44 Ngày 03 tháng 09 năm 2015

    Bạn ơi, làm sao để biến mất cái khung thế, tớ làm mà có cái khung trên kết quả tìm kiếm nhìn rất xâu http://i.imgur.com/iwVfZSx.png

Mọi nhận xét trên blog KslZone.NET sẽ được kiểm duyệt trước khi được xuất bản trên blog. Lưu ý: Nếu bạn để lại backlink về website của bạn, miễn là kèm theo nhận xét hợp lý thì nhận xét đó vẫn sẽ được chấp nhận. Nếu bạn muốn hiện mã HTML thì bạn cần chuyển đổi trước bằng công cụ phía dưới.