Hướng dẫn chèn khung tìm kiếm google vào blog/website

Hướng dẫn chèn khung tìm kiếm google vào blog/website

Hôm nay, iTeam OS sẽ hướng dẫn các bạn chèn khung tìm kiếm google thành công vào blog/website của các bạn nhanh chóng. Mình đã áp dụng thành công cho các blog của mình.

Hướng dẫn chèn khung tìm kiếm google vào blog/website
Hướng dẫn chèn khung tìm kiếm google vào blog/website
Xem Demo

Nói về những lợi ích thì ai cũng có thể hình dung được. Không chỉ giúp cho độc giả tìm kiếm nhiều thông tin trên trang blog của các bạn, ngoài ra công cụ này tích hợp với tài khoản adsense có sẵn trên trang của bạn để giúp bạn tăng thu nhập nhờ xuất hiện các kết quả tài trợ phía trên

Các bước thực hiện

Bước 1: Truy cập vào Custom Search Engine

Truy cập theo vào đường dẫn sau: https://cse.google.com/cse/create/new

Bước 2: Đăng ký

Nhập thông tin, nội dung của blog/website vào rồi sau đó nhấn CREATE (như hình dưới đây)

Nhập thông tin, nội dung của blog/website vào rồi sau đó nhấn CREATE
Nhập thông tin, nội dung của blog/website vào rồi sau đó nhấn CREATE

Bước 3: Nhận mã

Bấm "Nhận mã" để lấy mã

Bấm "Nhận được mã" để lấy mã
Bấm "Nhận mã" để lấy mã

Ví dụ về code mà mình đã nhận được:


<script async src="https://cse.google.com/cse.js?cx=999998888777665"></script>
<div class="gcse-search"></div>

Mã mở rộng


<script>
(function() {
var cx = '999998888777665: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: Chèn code

Bước 1: Đăng nhập vào Blogger

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

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

Đến bước thứ 6 này là coi như bạn đã hoàn thành việc chèn code vào  trang blog của bạn rồi. Lúc này chỉ việc lưu lại và xem thành quả của mình vừa làm mà thôi nhé

Lời kết

Trên đây là toàn bộ hướng dẫn chèn khung tìm kiếm google vào blog/website. Chúc các bạn thành công và có một ngày làm việc thật hiệu quả. Xin chào và hẹn gặp lại!


Truy cập Bypass Google Account APK để tải file APK nhé