Cách chèn Google Search Box vào Blogspot đơn giản!

Google Serach Box là công cụ tìm kiếm do Google cung cấp. Nó sẽ giúp ích cho độc giả dễ dàng tìm kiếm trong Website của bạn một cách nhanh chóng và chính xác.
Với bài viết này, Kel sẽ hướng dẫn các bạn chèn Google Search Box vào Blogger đơn giản.


#Hướng dẫn chèn Google Search Box
Bước 1: Truy cập vào Custom Search Engine

Bước 2: Nhập thông tin, nội dung của Blog vào rồi sau đó nhấn CREATE (như hình)
Nhập thông tin như mẫu trên - www.kelvin-duong.xyz
Bước 3: Nhấn nút GET CODE để nhận code chèn vào Blog.
Nhấn Get code để lấy mã chèn Google Search Box vào Blogger - www.kelvin-duong.xyz
Ví dụ CODE trong bài viết này:
<script>
  (function() {
    var cx = '014696413299511153459:ng0uxlaxauq';
    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>
Bước 4: Đăng nhập vào Blogger

Bước 5: Vào mục Bố cục (Layout) ----> Thêm tiện ích (Add Widget) 

Bước 6: Tạo tiện ích HTML/Javascript và chèn đoạn code vừa nhận ở trên vào đây

Bước 7: Lưu và xem kết quả. ^^

Để đổi giao diện Theme mặc định cho khung Tìm kiếm của bạn thêm chuyên nghiệp và đẹp hơn.
Hãy vào mục Look and feel ở bên trái
Chọn Look and feel để tùy chỉnh cho khung tìm kiếm - www.kelvin-duong.xyz
Chú thích:

  • Tab Layout: Tùy chỉnh chế độ hiển thị kết quả tìm kiếm.
  • Tab Theme: Tùy chỉnh màu bố cục.
  • Tab Customize: Tùy chỉnh Font chữ, khung tìm kiếm, nút tìm kiếm,...v.v
  • Tab Thumbnails: Tùy chọn việc hiển thị ảnh thu nhỏ trong kết quả tìm kiếm.

Chúc các bạn thành công!

CHIA SẺ BÀI VIẾT

BÀI VIẾT LIÊN QUAN

Previous
Next Post »

- Vui lòng gõ Tiếng Việt có dấu.
- Không SPAM LINK - QUẢNG CÁO.

Emoticon