Thêm công cụ tìm kiếm tùy chỉnh của Google (Google Custom Search) vào Blogger

Bước 1: Truy cập https://www.google.com.vn/cse/all và đăng nhập bằng tài khoản Google

Nhấn Add

Điền đầy đủ thông tin rồi nhấn Tạo

Chọn Nhận mã sau đó sao chép đoạn mã thu được
Bước 2: Đăng nhập Blogger ~> Trang ~> Trang mới
Chuyển sang HTML, Dán đoạn mã vừa nhận được vào rồi Xuất bản

Bước 3: Chèn một hộp thoại tìm kiếm vào vị trí mà bạn muốn trên blog ( Các bạn có thể vào Mẫu ~> Chỉnh sửa HTML hoặc cũng có thể vào Bố Cục ~>  Thêm tiện ích HTML/Javascript để chèn đoạn code này )

Có nhiều code về việc tạo hộp thoại tìm kiếm và dưới đây là 1 ví dụ đơn giản của đoạn code đó
<form action='/p/search.html' class='Search' id='cse-search-box' method='get'>
<input name='cx' type='hidden' value='014050053028932305920:rdcx8amp1ww'/>
<input name='cof' type='hidden' value='FORID:10'/>
<input name='ie' type='hidden' value='UTF-8'/>
<input class='search_input' name='q' placeholder='Tìm kiếm...' type='text'/>
<input class='search_submit sprites' type='submit' value='Tìm kiếm'/></form>

Chú ý: Thay phần màu đỏ
/p/search.html là đường dẫn đến trang tĩnh mà bạn vừa tạo ở Bước 2
011479675669117843566:wil4zvondw0 là đoạn mã bạn có được trong code dán vào trang tĩnh ở Bước 2 (cụ thể mã của mình là var cx = '014050053028932305920:rdcx8amp1ww';)

Bước 4: Tùy chỉnh giao diện
Giao diện bố cục mặc định là dạng xếp chồng
Để thay đổi giao diện, bạn cần vào lại Bảng điều khiển của công cụ tìm kiếm
Chọn Giao diện , tại thẻ Bố cục chọn một dạng mà bạn muốn hiển thị rồi ấn Lưu & Nhận mã
Thay đoạn mã vừa nhận được vào đoạn mã ở Bước 2.

Không chỉ thay đổi bố cục mà bạn còn có thể thay đổi Chủ đề, Tùy chỉnh, Hình thu nhỏ,... cùng nhiều tính năng khác chờ bạn khám phá.

DXOan

Đây chính là tôi với sự bùng nổ của những giấc mơ. Tôi thích khám phá và chia sẻ những điều mới mẻ. Hãy đồng hành cùng tôi nhé ! 😁😘😍 - Con đường tôi đi là con đường tôi chọn - 😎😂✌ facebook twitter pinterest youtube external-link

3 Nhận xét

Vui lòng đưa ra những nhận xét tích cực, mang tính xây dựng.*

Mới hơn Cũ hơn

AdBlock Detected!

Phát hiện trình duyệt đang sử dụng AdBlock. Vui lòng tắt AdBlock để có thể xem nội dung cũng như ủng hộ tác giả. DXOan xin cảm ơn. Chúc bạn một ngày vui vẻ !