Chèn Google Search Để Tìm Kiếm Những Nội Dung Trong Blog (style 2)

Trong phần trước mình có giới thiệu tới các bạn bài viết : Chèn Google Search Để Tìm Kiếm Những Nội Dung Trong Blog. Và hôm nay, mình tiếp tục gửi đến các bạn một bài viết khác cũng với nội dung này. Đó là chèn thanh công cụ Google Search vào blog để chỉ tìm những nội dung
trong blog của bạn mà thôi. Nhưng trong bài viết lần này có một số điểm mới và khác so với bài viết trước. Tiện ích Google Search trong bài này có những tính năng nổi bật sau :

1. Khi nhập từ khóa và tìm thì một cửa sổ mới hiện ra cho kết quả tìm kiếm.

2. Thanh công cụ Google Search lần này không bị lỗi khi tôc độ load của blog bạn quá chậm.

3. Có thể can thiệp sâu, chỉnh sữa phần giao diện của thanh công cụ này.

Để chèn thanh công cụ mới này vào blog, các bạn hãy thực hiện theo những chỉ dẫn bên dưới  :
Bước 1 : Tạo một Tiện Ích HTML / Javascript để chèn code.
Bước 2 : Chèn code bên dưới vào Tiện Ích HTML / Javascript vừa tạo.

<!---HỘP TÌM KIẾM TRÊN TRANG BLOG-->

<table border="1" bordercolor="black" width="200" align="center" cellpadding="10" cellpacing="5" bgcolor="white"><tr>

<td width="30%" bgcolor="#FFFFFF" align="letf">

<div style="text-align: justify;"><img border="0" style="margin: 0pt 5px 0px 0pt; float: left; cursor: pointer; width: 29px; height: 30px;" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0i0kibrZKJ8rdR7yrB1iHk8m6_uzO6IFHjPFmrENG16UHVStK0mw-6UVCDWc9mmLZd7-BpYmxXG5SWVtr-qiNVZa4-EKqcktxRY-LYBZgO5uMxphz2Jaz3qlxM4RMB8hexjK-iDh37RVO/s320/images.jpeg" />nội dung bạn muốn ghi trên thanh tìm kiếm google</div>

<div id='box-search'>

<form action='http://www.google.com/search' method='get' target='_blank'>

<table border='0' cellpadding='0'>

<tbody><tr><td>

<center><input maxlength='255' name='q' size='25' style='width: 141px;' type='text' value=''/><input type='submit' value='tìm kiếm'/></center></td></tr>

<tr>

<td align='left' style='font-size: 100%;'>

<input checked='checked' name='sitesearch' type='checkbox' value='địa chỉ blog của bạn.com'/> Tìm trong blog</td>

</tr>

</tbody>

</table>

</form>

</div>

</td></tr></table>

Trong đó,

 - Link màu xanh là link ảnh mà bạn muốn xuất hiện trong thanh tìm kiếm.

 - black là màu đường viền của thanh tìm kiếm (bạn có thể thay đổi tùy thích).

- 200 là độ rộng của thanh tìm kiếm.

  - - > Xem demo đã chỉnh sữa của mình:

Bước 3 : Save lại và xem kết quả.

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

Bài viết này thuộc sở hữu của Hội Thánh Cây Giang

Hỗ trợ : chipkool.blogspot.com

Khi copy, các bạn nhớ ghi rõ nguồn gốc. Xin chân thành cảm ơn!