Hướng dẫn tạo công cụng tìm kiếm google vào web của mình.

Thảo luận trong 'Thảo luận website, Forum' bắt đầu bởi haihung_9x, 12 Tháng mười hai 2010.

  1. Offline

    haihung_9x

    • Friends

    • Chém gió đỉnh cao
    Số bài viết:
    353
    Đã được thích:
    271
    Điểm thành tích:
    220
    Hôm nay mình sẽ hướng dẫn các bạn chèn bộ máy tìm kiếm của google vào forum hay bất kì
    1 trang nào.
    Bộ máy này sẽ tìm kiếm các bài viết có trên website bạn và hiển thị trực tiếp trên website
    theo công nghệ ajax luôn :016:

    Bây giờ ta bắt đầu nha. Có ảnh cụ thể.
    các cậu đăng nhập vài google. khi đăng nhập vào gmail là đăng nhập rùi đó
    Đăng nhập xong, các cậu vào địa chỉ sau:

    http://www.google.com.vn/cse/

    Tiếp click vào nút " Tạo Công Cụ Tìm Kiếm Tùy Chỉnh "
    [IMG]

    Tiếp các bạn nhập thông tin của bộ máy tìm kiếm.
    Chúc ý đoạn này ---> Trang web tìm kiếm: congdonghatinh.com/* --> không có http:// ( click vào dấu + bên dưới để xem hướng dẫn nhập)

    [IMG]

    Tiếp là bạn chọn kiểu hển thị của Google. Các bạn có thể tùy chỉnh.
    [IMG]

    Cuối cùng ta cần đoạn mã này.

    Mã:
    <div id="cse" style="width: 100%;">Loading</div>
    <script src="http://www.google.com/jsapi" type="text/javascript"></script>
    <script type="text/javascript">
      google.load('search', '1', {language : 'vi'});
      google.setOnLoadCallback(function() {
        var customSearchControl = new google.search.CustomSearchControl('002341653200691055519:zm6xshguvtq');
        customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
        customSearchControl.draw('cse');
      }, true);
    </script>
    <link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css" type="text/css" /> 
          
    Bạn lưu file .html để test xem.
    Cái đoạn code đó, các bạn chèn vào nơi muốn hiển thị bộ máy tìm kiếm nha.

    [IMG]

    Demo: http://congdonghatinh.com/search.html

    [IMG]

    Chúc các thành công.
    Gynny, Chiefree, chickenkon2 người khác thích bài này.
  2. Offline

    congthangitvn

    • Thành viên sáng lập

    • Liên thông đại học 2012...!
    Số bài viết:
    2.232
    Đã được thích:
    1.550
    Điểm thành tích:
    1.450
    1 bài viết kinh nghiệm khá hay. Lần sau nếu những bài viết thế này thì bạn nên đóng dấu bản quyền của mình vào để tránh việc những kẻ sao chép ko ghi rõ nguồn nha :D
    Cố gắng phát huy
  3. Offline

    viethung_9x

    • Windows XP

    Số bài viết:
    613
    Đã được thích:
    735
    Điểm thành tích:
    560
    dấu chi mà dấu

Chia sẻ trang này

Advertising: Linux system admin | nukeviet | nukeviet 4 | Upload ảnh miễn phí