Công cụ tìm kiếm tùy chỉnh của google vào Blogger ~ Ngoc Anh

Khung tìm kiếm đối với một trang web / blog không thể thiếu được nó làm cho trang web đó điều hướng tốt hơn và khi người truy cập có thể dễ...

Blogspot+ Thu-thuat-blog

Khung tìm kiếm đối với một trang web / blog không thể thiếu được nó làm cho trang web đó điều hướng tốt hơn và khi người truy cập có thể dễ dàng tìm kiếm được thông tin mà độc giả cần tìm kiếm chính xác.

Cài đặt công cụ tìm kiếm tùy chỉnh của google vào Blogger

DEMO

Bây giờ mình sẽ hướng dẫn cho các bạn cài đặt và sử dụng công cụ tìm kiếm tùy chỉnh của google.
Nó có những ưu điểm đặc biệt mà khung tìm kiếm mặc định của web /blog không có :
* 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.
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.

Các bước thực hiện cài đặt công cụ tìm kiếm google

B1 : Tạo công cụ tìm kiếm tùy chỉnh :

Các bạn truy cập vào trang sau đây bằng tài khoản Google
https://www.google.com.vn/cse/all
Chọn Add » Điền vào các thông tin yêu cầu và chọn TẠO » 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).

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ó.

B2 : Cài đăt kết quả tìm kiếm của mình hiện ở một trang riêng :

Các bạn quay lại 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ã
( 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 )

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
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 .
Khung 1:

<form action="/p/tim-kiem.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>

Khung 2 : ( giống trang web của mình )

<form action='http://www.ngocanhblog.com/p/tim-kiem.html' id='cse-search-box' method='get'>
<input id='search-text' name='q' onblur='if (this.placeholder == "") {this.placeholder = "Cari artikel...";}' onfocus='if (this.value == "Cari disini..") {this.value = ""}' placeholder='Tìm kiếm nhanh...' type='text'/>
<button id='search-button' type='submit'/>
</form>

đoạn mình đánh dấu bằng màu Hồng là đoạn bạn cần thay bằng 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à http://www.ngocanhblog.com/p/tim-kiem.html.
Chúc các bạn thành công !