Computer Tips

Tạo khung tìm kiếm google tùy chỉnh chuẩn HTML5 cho blogspot

- Tìm kiếm tùy chỉnh của Google là một công cụ khá tiện ích. Vừa đẹp vừa tương thích với nhiều trình duyệt khác nhau. Ưu điểm nữa là nó giúp tìm kiếm chính xác Tiếng Việt không dấu.Hôm nay ktvonline24 xin hướng dẫn cho các bạn tạo khung tìm kiếm này ngay trên blogspot của mình.



* Không nói rườm rà chúng ta bắt đầu ngay và luôn nhé.

- Đầu tiên các bạn truy cập vào trang https://www.google.com.vn/cse/all.Nhớ đăng nhập vào google nhé.

* Bước 1: Tạo và chỉnh sửa công cụ tìm kiếm

- Bấm nút Add để tạo mới
- Nhập thông tin cho khung tìm kiếm

* Bước 2: Chỉnh sửa chút cho đẹp và ứng ý

- Tiếp tục click vào bảng điều khiển - Chọn mục giao diện.



- Trong mục này có nhiều giao diện cho bạn tùy chọn.Bạn chọn giao diện theo ý cũng nhưng là tùy template của mỗi blogger mà người ta chọn giao diện cho nó phú hợp.Khi bạn chọn bên trái thì bên phải nó sẽ review cho bạn xem.
- Các mục tùy chỉnh, chủ đề, bố cục, hình thu nhỏ...Bạn có thể chỉnh màu sắc, kích thước....
- Bấm "Lưu và nhận mã" bạn sẽ được Google cung cấp mã như hình dưới:

- Làm thế nào để tạo được khung tìm kiểm tùy chỉnh Google chuẩn HTML5

Một bước quan trọng là hãy thay đổi một chút code này để nó chuẩn HTML 5

- Các bạn hãy thay thế dòng cuối cùng của đoạn code

<script>
(function() {
var cx = '005011649286783586339:m2hborqivba';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
<gcse:search></gcse:search>

<gcse:search></gcse:search>

<div class="gcse-search"></div>

<script>
(function() {
var cx = '005011649286783586339:m2hborqivba';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
<div class="gcse-search"></div>

Author: Hamedledam

Sửa chữa và bảo trì máy tính, quản trị hệ thống mạng doanh nghiệp.Cung cấp các giải pháp ứng dụng CNTT - Thiết kế, quản trị website.