Enter your keyword

Menu

Recent

Thay thế tìm kiếm mặc định trong blog bằng google tìm kiếm

Dưới đây là hướng dẫn tích hợp tìm kiếm google vào trang web/ blog của bạn mà mình mới tham khảo được. Sau khi thực hiện xong các bước dưới đây ta có được một công cụ tìm kiếm google trên trang web của mình.



Tạo công cụ tìm kiếm

Để tạo công cụ tìm kiếm mới ta truy cập địa chỉ : https://cse.google.com.vn/cse/create/new , ta tiến hành nhập url của trang web, ngôn ngữ, tên công cụ tìm kiếm,... Sau đó ấn Tạo.


Sau khi tạo xong ta tùy chỉnh một số thuộc tính : tìm kiếm hình ảnh, dữ liệu tiếng nói đầu vào,...

Tiếp theo, ở bảng điều khiển Giao diện , ta chon Chỉ lấy kết quả để chúng chỉ hiện kết quả ở dưới tìm kiếm. Sau đó ấn Lưu và nhận mã.
Ta nhận được code phần công cụ tìm kiếm.

Tạo trang công cụ tìm kiếm

 Lấy mã vừa nhận được dán vào một bài đăng mới (lưu ý chọn tùy chỉnh HTML) đặt tên trang là Tìm kiếm google, nhãn dán sau đó xuất bản. Mục đích của việc này là tạo công cụ tìm kiếm trên bài đăng và hiển thị phần tìm kiếm trên bài đăng đó.

 Thay thế link tìm kiếm mặc định bằng link công cụ tìm kiếm

 Chỉnh sửa mẫu tìm đến đoạn form tìm kiếm có dạng thường là action='/search' thay thế nó bằng đoạn url của trang ví dụ trang của mình có url = https://duynguyen96hd.blogspot.com/2017/07/tim-kiem-voi-google.html thì thay thế action='/search' bằng action='/2017/07/tim-kiem-voi-google.html'


Chèn công cụ tìm kiếm vào trang mới


Ta chèn thêm đoạn code công cụ tìm kiếm vào trang Tìm kiếm google 
<form action='/2017/07/tim-kiem-voi-google.html' id='searchbox'>
<input aria-label='Tìm kiếm' aria-required='true' autocomplete='off' class='inputtext' maxlength='100' name='q' placeholder='Tìm kiếm bằng Google...' required='1' type='text' value=''/>
<button title='Tìm kiếm' type='submit'><span class='fa fa-search'/></button>
</form>

Ta có thể thêm style cho form, dưới đây là style mình tham khảo được ở blogthuthuatwin10
ta cho chúng trên thẻ </b:skin>
#searchbox{position:relative; width:auto; padding:15px 15px; margin:0 0 15px; }
#searchbox input{font-size:12px;font-style: normal; margin: 0px 0 0; padding: 10px 0px; text-indent:7px; width:100%; color:#c5c5c5; border:1px solid #ccc; -o-transition:width .7s,color .4s;-webkit-transition:width .7s,color .4s;-moz-transition:width .7s,color .4s;transition:width .7s,color .4s;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
#searchbox input:focus{}
#searchbox button{border: 0;background:none; float:right; cursor: pointer; color:#222; position:absolute; right:23px; top:23px; font-size:16px;}
#searchbox button:hover{}

Trên đây là bài hướng dẫn Thêm thế tìm kiếm mặc định trong blog bằng google tìm kiếm , chúc ae thành công !!!
Thay thế tìm kiếm mặc định trong blog bằng google tìm kiếm Thay thế tìm kiếm mặc định trong blog bằng google tìm kiếm Reviewed by Duy Nguyễn on 7/10/2017 Rating: 5

Không có nhận xét nào: