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à:
Đó 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.
https://www.google.com.vn/cse/all
Sau dó chọn Add
Điền vào các thông tin yêu cầu và chọn TẠO
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).
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ó.
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ã
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 v.d. khung search mình đang sử dụng trên blog của mình
- 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 Googlehttps://www.google.com.vn/cse/all
Sau dó chọn Add
Điền vào các thông tin yêu cầu và chọn TẠO
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).
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ó.
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ã
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 v.d. khung search mình đang sử dụng trên blog của mình
<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à kslzone.blogspot.com/p/search.html
lúc 13:06 14 tháng 11, 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
lúc 13:13 14 tháng 11, 2014
ak, mình làm dc rồi, thank bạn :)
lúc 22:00 14 tháng 11, 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
lúc 08:09 15 tháng 11, 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.
lúc 10:57 15 tháng 11, 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 :->
lúc 13:46 15 tháng 11, 2014
Yeah, bài viết post từ tháng 2 đến giờ mới được mọi người quan tâm ^^
lúc 19:10 15 tháng 11, 2014
Bài đăng rất bổ ích! cảm ơn anh
lúc 07:54 16 tháng 11, 2014
Gửi cho em với được không ạ!
lúc 09:43 16 tháng 11, 2014
Anh share bài mới từ hôm qua rồi đó gửi gì nữa =.=
lúc 12:02 16 tháng 11, 2014
Giao diện như vậy là đẹp anh ạ. Đơn giản, em thích style Wordpress.
lúc 00:12 20 tháng 11, 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é
lúc 04:12 20 tháng 11, 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.
lúc 08:27 20 tháng 11, 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
lúc 12:21 5 tháng 3, 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/
lúc 12:28 5 tháng 3, 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
lúc 18:12 19 tháng 6, 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 ý
lúc 23:08 4 tháng 7, 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
lúc 23:12 4 tháng 7, 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]
lúc 08:15 5 tháng 7, 2015
Phần class thì anh thay thoải mái không có vấn đề gì cả :D
lúc 01:15 29 tháng 7, 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
lúc 14:25 2 tháng 8, 2015
Bạn thêm vào css nhé
.gsc-result .gs-title {
height: 1.4em;
text-decoration: none;
}
lúc 17:26 31 tháng 8, 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
lúc 19:00 31 tháng 8, 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.
lúc 11:01 1 tháng 9, 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ì
lúc 18:44 3 tháng 9, 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
lúc 10:15 8 tháng 12, 2016
Em cảm ơn ạ.