Thêm Công cụ Tìm kiếm" Search " vào blog

Thêm Công cụ Tìm kiếm" Search " vào blog




Chèn menu" Search... "vào HTML cho Blogger


Công cụ Tìm kiếm không thể thiếu khi thiết kế blog. làm thế nào để chèn vào Blogger: 
Cách 1: Thêm vào HTML:    
      Để chèn thêm Menu Search vào HTML Blogger:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8WNiefNNk5ZL7I1YODqZn7fC2V3Tde4dP89iDzjaqiN-ntXRSu-laFENxy1kFCRxEUgkiX487JVv-cKA2-JLfQbVvCuqGvw0dvee3SKk1H7hospuEcIDQZtx0EdjJSAKUP8ovnUyMHqjQ/s1600/bullet.png Vào Mẫu→chỉnh sửa HTML
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8WNiefNNk5ZL7I1YODqZn7fC2V3Tde4dP89iDzjaqiN-ntXRSu-laFENxy1kFCRxEUgkiX487JVv-cKA2-JLfQbVvCuqGvw0dvee3SKk1H7hospuEcIDQZtx0EdjJSAKUP8ovnUyMHqjQ/s1600/bullet.png Tìm đến nơi bạn muốn thêm vào copy+paste đoạn code bên dưới

Html
<div class='menusearch' style='float:right;padding:10px 0px 0 0;'>
<form action='http://www.google.com/search' method='get' target='_blank'>
<input name='sitesearch' style='display:none;' value="https://urblog.blogspot.com"/>
<input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' style='width:170px;border:none;padding:4px 10px; font:normal 12px Arial;color:#7a7a7a; text-shadow: 1px 1px 1px #000; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM4RqQQrgTzO7lDC-rNQIdXWUr4MY2bOPZLngSnHYHcutZOfIUSOjaHTxe4RCg3F62bsqIePbABQQkiFE5wcuWFH4SY32ePBtzL9Rn9aA0Bos6qVYcmQyzhmwsJZFBZJRu7FZj3ya7pLE/s1600/field.gif) no-repeat;' type='text' value='Search...'/><input align='top' id='search-btn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2P7x8WQ005ayBIO4MnGgUEagzf9Pd3qBtmdFP-exts0ArIJJvkKFiEg4kuzUOLPlGH_rs0mfMVkVta7eWdQ5TUARPwB8VXoXjOfA2f-L3J8sph0Q74bBaZKMhQLtRu3PWcy4solIRhjk/s1600/btn_search.giff' type='image' value='Search'/>
</form>
</div><!--end menu-search-->

_Tùy chỉnh các thông số thẻ 'style' theo thiết kế của bạn 
_Thay đoạn link https://urblog.blogspot.com thành link blog bạn→ Lưu lại
 Cách 2: Thêm HTML/Javascript: 
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8WNiefNNk5ZL7I1YODqZn7fC2V3Tde4dP89iDzjaqiN-ntXRSu-laFENxy1kFCRxEUgkiX487JVv-cKA2-JLfQbVvCuqGvw0dvee3SKk1H7hospuEcIDQZtx0EdjJSAKUP8ovnUyMHqjQ/s1600/bullet.png Vào bố cục→thêm HTML/ Javascript
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8WNiefNNk5ZL7I1YODqZn7fC2V3Tde4dP89iDzjaqiN-ntXRSu-laFENxy1kFCRxEUgkiX487JVv-cKA2-JLfQbVvCuqGvw0dvee3SKk1H7hospuEcIDQZtx0EdjJSAKUP8ovnUyMHqjQ/s1600/bullet.png Copy+ paste đoạn code trên 
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8WNiefNNk5ZL7I1YODqZn7fC2V3Tde4dP89iDzjaqiN-ntXRSu-laFENxy1kFCRxEUgkiX487JVv-cKA2-JLfQbVvCuqGvw0dvee3SKk1H7hospuEcIDQZtx0EdjJSAKUP8ovnUyMHqjQ/s1600/bullet.png Thay đoạn link https://urblog.blogspot.com thành link blog của bạn
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8WNiefNNk5ZL7I1YODqZn7fC2V3Tde4dP89iDzjaqiN-ntXRSu-laFENxy1kFCRxEUgkiX487JVv-cKA2-JLfQbVvCuqGvw0dvee3SKk1H7hospuEcIDQZtx0EdjJSAKUP8ovnUyMHqjQ/s1600/bullet.png Tùy chỉnh các thông số thẻ 'style' theo thiết kế của bạn 
 (✽) Lưu ý: Blog của bạn phải được thiết lập ở chế độ công khai, và phải mất từ vài ba ngày Google mới cập nhật.
 Lưu lại xem kết quả( bài viết này được áp dụng trên thanh menu của blog này )

Share on Google Plus

About Testtem

    Blogger Comment
    Facebook Comment

0 nhận xét:

Đăng nhận xét