Welcome to diepit.tk---> Hãy cùng khám phá---> Để-> Cùng nhau thành công & Cùng nhau tận hưởng

Thêm hộp tìm kiếm Blogger

Sau khi xem xét mã nguồn của thanh Navbar (Navigation bar) tôi thấy chúng ta có thể nhúng thanh này vào trên blog của mình.

<p align="left">
<form id="searchthis" action="LIÊNKẾT/search" style="display:inline;" method="get">
<strong>Tìm kiếm<br/></strong>
*lt;input id="b-query" maxlength="100" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>
</form></p>
Bây giờ bạn hãy copy và paste đoạn mã trên vào HTML/JavaScript (Dashboard->Layout->Add and Arrange a Page Element->Add a Page Element). Sau đó bạn sửa lại phù hợp các thông số dành của blog bạn.

LIÊNKẾT thay bằng địa chỉ của blog. Ví dụ blog mà bạn đang đọc có địa chỉ là http://diepcothanh.blogger.com vậy tôi sẽ thay LIÊNKẾT=http://diepcothanh.blogspot.com.
Chữ màu đỏ Tìm kiếm thể hiện thông tin cho biết đây là một hộp tìm kiếm. Tuy nhiên không nhất thiết bắt buộc bạn phải có hoặc dùng cái tên ấy, không dùng cũng chẳng ảnh hưởng gì!

Bên dưới bạn thấy chữ Search cũng màu đỏ, nào ta hãy thay bằng hai từ tiếng Việt “Tìm kiếm” (nhớ dùng mã Unicode-8 nhé).

Bây giờ ta bàn đến maxlength="100" và size="20". Trong đó maxlength="100" chính là chiều dài các ký tự cho phép bạn gõ trên hộp tìm kiếm, nếu một 100 chưa đủ thì bạn nhập một con số lớn hơn. Nhưng thường thì từ khóa tìm kiếm của người dùng ngắn gọn, do đó con số này cũng không phải luôn bị chạm đích, size="20" đây chính là kích cở dài của hộp tìm kiếm

Nguồn: thuthuatblog.com

Loading...

Đăng nhận xét

Cảm ơn các bạn đã ghé thăm blog của diepcothanh