Cách tạo khung Live Search cho Blogspot chuyên nghiệp

0
87

Cách tạo khung Live Search cho Blogspot chuyên nghiệpCái khung Live Search này được tích hợp trực tiếp trên blog cũ của mình các bạn có thể xem demo ảnh bên dưới, rất nhiều bạn yêu cầu mình viết bài share nhưng không có thời gian, đêm vừa uống cà phê xong thấy Mộc Gin viết bài rồi nhưng vẫn post thủ thuật Blogspot để lưu trữ và chia sẻ cho những ai cần.

Tìm hiểu về Live Search Box

Hiểu một cách ngắn gọn Live Search Box cho Blogspot sẽ đưa ra những kết quả tìm kiếm khi ta nhập từ cần tìm (giống như khi bạn tìm kiếm bạn bè trên Facebook ấy) được dùng bởi Ajax lấy nguồn cấp dữ liệu từ Blogspot, theo mình thì nó khá chuyên nghiệp, đẹp mắt và tiện lợi nữa.

Cách tạo khung Live Search cho Blogspot chuyên nghiệpCách tạo khung Live Search cho Blogspot chuyên nghiệp

Cách thêm Live Search Box cho Blogspot

Bước 1: Các bạn vào Mẫu >> Chỉnh sửa HTML và thêm code bên dưới lên trên thẻ </head> trong template

Sau đó bạn cần lưu ý một số điểm dưới đây:

  • Thay tên miền phanhung.net thành tên miền của bạn
  • Phần perPage có thể điều chỉnh tùy ý (mặc định bên trên là 3)
  • Nếu đã có thư viện Jquery như bên dưới thì xóa nó đi

Bước 2: Thêm code bên dưới vào bất kì đâu bạn muốn nó hiển thị thanh tìm kiếm

Thêm CSS cho Live Search Box

Tới đây thì các bạn có thể viết CSS theo ý của mình sao cho hợp với template của bạn nhất, bên dưới là code tham khảo bạn có thể dùng luôn.

Tổng kết

Hy vọng với bài viết hướng dẫn tạo Live Search Box cho Blogspot này sẽ giúp ích được cho mọi người và mong rằng nó cũng làm blog của bạn trông chuyên nghiệp hơn

Cách tạo khung Live Search cho Blogspot chuyên nghiệp
5 (100%) 4 votes

Trả lời

Please enter your comment!
Please enter your name here