Tìm kiếm ngay trên blog với công cụ của Google

Điểm 4.6/5 dựa vào 87 đánh giá

(Traidatmui.com) - Trước đây mình đã có bài viết giới thiệu đến các bạn cách tạo form tìm kiếm và cho kết quả giống như bạn tìm kiếm trên trang Google (Bạn xem tại đây). Hôm nay mình xin chia sẽ thêm công cụ tìm kiếm của Google đến các bạn. Khác với công cụ trước, ở đây chúng ta sẽ tạo bằng Script, hơn nữa với công cụ này thì kết quả tìm kiếm sẽ được trả ngay trên blog bạn, không phải ở của sổ tìm kiếm của Google. Việc thêm công cụ tìm kiếm này vào blog cũng khá là đơn giản, chỉ vài bước bên dưới.


Hình ảnh minh họa
1. Đăng nhập tài khoản Blogger
2. Vào thiết kế (hay bố cục)
3. Chọn thêm tiện ích (Add a gadget)
4. Thêm 1 HTML/Javascript và thêm vào nó code bên dưới
<div id="cse" style="width: 100%;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
google.load('search', '1', {language : 'vi'});
google.setOnLoadCallback(function() {
var customSearchControl = new google.search.CustomSearchControl('www.traidatmui.com');
customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
customSearchControl.draw('cse');
}, true);
</script>

Bạn thay (www.traidatmui.com) thành địa chỉ blog của bạn.

5. Save template lại là xong

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

Chuyên mục:

1 nhận xét

  1. Chào bạn:
    Trước hết, xin cám ơn bài viết của bạn. Mình cũng đang tập viết Blog nên gặp những bài này rất hữu ích.
    Bạn có thể hướng dẫn cách đưa khung tìm kiếm lên cùng với menu ngang như vậy không? Thấy nó chuyên nghiệp hơn chỗ khác.
    Bạn hướng dẫn cụ thể cho mình nhé, có hình càng tốt.
    Chúc sức khỏe

    Trả lờiXóa