Tạo khung tìm kiếm kết hợp Google cho BlogSpot

Bạn muốn tạo cho mình 1 khung tìm kiếm cho Blog kết hợp với Google để tiện cho quá trình tìm kiếm.Vì vậy code Blog Minh Trí sẽ hướng dẫn các bạn cách tạo khung tìm kiếm kết hợp Google cho BlogSpot đơn giản :D

Tạo khung tìm kiếm kết hợp Google cho BlogSpot

1: Vậy thực hiện như thế nào?

Bước 1 : Các bạn vào phần quản trị của BlogSpot và chọn vào phần Bố cục [1] sau đó chọn Thêm Tiện ích [2] như hình :

Tạo khung tìm kiếm kết hợp Google cho BlogSpot

Bước 2: Sau khi thực hiện xong Bước 1 các nó sẽ hiện 1 bảng các bạn chọn  HTML/Javascript [3] như hình :

Tạo khung tìm kiếm kết hợp Google cho BlogSpot

Bước 3: Các bạn copy đoạn code bên dưới và dán vào ô Nội Dung còn phần tiêu đề thì các bạn tùy ý đặt tên, sau đó các bạn nhấn Lưu[4]:

Tạo khung tìm kiếm kết hợp Google cho BlogSpot

Bước 4 : Sau đó các bạn chọn Lưu thay đổi để hoàn thành :D

Tạo khung tìm kiếm kết hợp Google cho BlogSpot

Đoạn code bên dưới,các bạn copy code bên dưới và dán như hướng dẫn bên trên nhưng nhớ là tahy Blogminhtri.blogspot.com thành địa chỉ trang chủ blog của bạn nhé :D
<form method=get action="http://www.google.com/search" class="googlesearch"> <input type="hidden" name="ie" value="UTF-8" /> <input type="hidden" name="oe" value="UTF-8" /> <table align="center"> <tr><td> </td> <td class="bodyText"> <input type="hidden" name="domains" value="blogminhtri.blogspot.com" /> <input type="radio" name="sitesearch" value="" />Google <input type="radio" name="sitesearch" value="blogminhtri.blogspot.com" checked />Blog Minh Trí<br /> <input type="text" name="q" size="28" maxlength="255" onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value='';' type='text' value="Nhập từ khóa..." /> <input class="button" type="submit" name="btng" value="Tìm kiếm" /></td></tr> </table> <div style="border-style:ridge; width:280px; border-width:0px; border-color:dede; margin:1px 0px 1px 9px; padding:1px;"> <div style="background-color:#FFFFFF; style="border:lime 1px dashed;margin:1px;padding:0px" align="left"> <div class="addthis_toolbox addthis_default_style "> <a class="addthis_button_preferred_1"></a> <a class="addthis_button_preferred_2"></a> <a class="addthis_button_preferred_3"></a> <a class="addthis_button_preferred_4"></a> <a class="addthis_button_compact"></a> <a class="addthis_counter addthis_bubble_style"></a> </div> <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-527a92ec749b0e6e"></script> </div> </div> </form>

Chia sẻ:

Tác giả: Nguyễn Minh Trí

- Là một học sinh cấp 3 ,đam mê viết Blog để chia sẻ những kiến thức về internet mà mình biết

Bài viết liên quan