Thứ Ba, 21 tháng 12, 2010

TẠO VÀ TÙY CHỈNH CÔNG CỤ TÌM KIẾM CHO BLOG

Công cụ tìm kiếm mặc định của WordPress có thể không làm hài lòng bạn, đặc biệt là đối với việc tìm kiếm tiếng Việt càng trở nên rắc rối hơn. Nhiều lúc ngay cả trên chính site BUAXUA của mình mình cũng không thể tìm kiếm được bài viết mình cần thông qua một số keyword. Giờ, mình quyết định dùng một công cụ tìm kiếm mới thay vì sử dụng công cụ tìm kiếm WordPress và đem đến cho bạn bài viết này.
Hôm nay, xin gửi đến các bạn một tutorial để tùy chỉnh công cụ tìm kiếm Google cho WordPress khá hay.
Trước tiên, mời mọi người xem demo của mình bằng cách nhập một từ khóa nào đó và tìm kiếm ở box  phía trên của Blog BUAXUA để biết tác dụng của nó.

Bước 1: Cài đặt Google custom search

Như đã nói ở tiêu đề, mình muốn sử dụng công cụ search Google để thay thế công cụ search hiện tại của mình. Vì vậy, mình đăng ký sử dụng Google custom search. Bạn cần phải có một tài khoản Google để làm việc này. Bạn chỉ việc nhấn vào nútCreate a Custom Search Engine để bắt đầu công việc.

binnguyen333211@gmail.com | Tài khoản của tôi | Đăng xuất
  • 1. Thiết lập công cụ tìm kiếm của bạn
  • 2. Dùng thử
  • 3. Nhận mã

Mô tả công cụ tìm kiếm của bạn


ví dụ: Công cụ Tìm kiếm Khí hậu Thực

ví dụ: Khoa học Khí hậu từ Các Nhà khoa học Khí hậu

Xác định công cụ tìm kiếm của bạn


Liệt kê một URL mỗi dòng.
Tìm hiểu thêm về cách định dạng URL.

Chọn ấn bản

 
 
Tìm hiểu thêm về mỗi ấn bản.
  Điều khoản Dịch vụ.
Những thông tin đăng ký ở đây chắc mình không cần nói nhiều các bạn cũng đã rõ

binnguyen333211@gmail.com | Tài khoản của tôi | Đăng xuất
  • 1. Thiết lập công cụ tìm kiếm của bạn
  • 2. Dùng thử
  • 3. Nhận mã

Chọn hoặc tuỳ chỉnh kiểu

  •  
    •  
  •  
    •  
  •  
    •  
  •  
    •  
  •  
    •  
  •  
Kiểu Bubblegum có hộp tìm kiếm lớn hơn và hiệu ứng thay đổi hình khi di chuột qua cho từng kết quả tìm kiếm.

Thử công cụ tìm kiếm của bạn

Nếu không có kết quả như bạn mong đợi, bạn có thể quay lại quay lại bước 1 và thực hiện thay đổi.
 Bạn muốn thực hiện thêm? Hãy mở rộng phần tử bằng CSS và JavaScript hoặc kiểm tra hướng dẫn dành cho nhà phát triển của chúng tôi.

Bạn có nhiều lựa chọn cho việc trình bày. Nhưng theo ngu kiến của BUAXUA, bạn nên chọn giao diện mặc định của Google search. Vì đơn giản là người dùng đã quen với những màu sắc, font chữ mặc định rồi .
Sau khi nhấn Next, chúng ta sẽ có đoạn code do Google cung cấp để làm công việc tìm kiếm của mình.
binnguyen333211@gmail.com | Tài khoản của tôi | Đăng xuất
  • 1. Thiết lập công cụ tìm kiếm của bạn
  • 2. Dùng thử
  • 3. Nhận mã
Để nhận mã cho các tuỳ chọn lưu trữ khác, hãy điều chỉnh cài đặt của bạn trên trang Giao diện.

Mã phần tử Tìm kiếm Tuỳ chỉnh

Dán mã này vào trang bạn muốn phần tử Tìm kiếm Tuỳ chỉnh xuất hiện. Lưu ý: Hiệu ứng di chuột CSS yêu cầu các loại tài liệu được hỗ trợ như <!DOCTYPE html>.
Xin chúc mừng, bạn đã hoàn tất tạo công cụ tìm kiếm "search".

Các bước tiếp theo

Truy cập bảng điều khiển của công cụ tìm kiếm và tuỳ chỉnh thêm bảng điều khiển theo các cách sau đây:
Chúng tôi đã gửi email xác nhận có thông tin này tới binnguyen333211@gmail.com.



Tuy nhiên, với bản thân mình, như thế là chưa đủ để tạo nên một công cụ tùy biết theo ý thích. Mình cần nhiều hơn thế. Vì vậy mình chọn option Change the look and feel. để tùy chỉnh một số thứ trước khi xuất ra đoạn code mà mình sử dụng. Bạn nào không thích những tùy chọn thì có thể bỏ qua bước này, tuy chưa thử nhưng mình nghĩ nó cũng chẳng ảnh hưởng gì nhiều đến hòa bình thế giới 

Bước 2: lấy code được cung cấp

coppy rồi vào blog chọn thiết kế
==>thêm tiện ích==>HTML/JAVASCRIPT
==>paste đoạn code vào==>
save==>xong thưởng thức kết quả
chúc các bạn thanh công
                                                              (người viết:nguyenha)
Người đăng: vào lúc
Nhãn:

Không có nhận xét nào:

Đăng nhận xét

Đăng ký: Đăng Nhận xét (Atom)