Code tạo hộp tìm kiếm cho blogspot

Hộp tìm kiếm là một phần không thể thiếu cho Blogger được. Bạn phải chắc chắn rằng khi từ khi khởi tạo blog đều phải có hộp tìm kiếm cho nó. Tạo hộp tìm kiếm cho blogspot rất đơn giản, không cần những đoạn code jQuery cồng kềnh, chỉ đơn giản là HTML và CSS là bạn đã tạo thành công một search box rồi!

Code tạo hộp tìm kiếm cho blogspot 

Bước 1: Bạn phải đăng nhập vào blogger của bạn => Bố cục => Thêm widget

Bước 2: Copy và paste code này vào trong tiện ích bạn vừa khởi tạo

<style type="text/css">
#sw-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG8HjBPU3RfTEE208a2LrZas6Awr3gJnz6oT6MrtzkB_v1XiooeIMV6hSSapgBBlRmbDRIueOYCiMOTy9Xpit4fbge1OAjBdx93Y0Y03rpeycy-4SlEDH7Pdm2qLMrToD8n6prZIgUkdQ/h58/searchbox2-namkna-blogspot-com.png)  no-repeat scroll center center  transparent;width:307px;height:50px;disaply:block;}
form#sw-searchform{display: block;padding: 10px 12px;margin:0;}
form#sw-searchform #s{padding: 6px;margin:0;width:  235px;font-size:14px;vertical-align:  top;border:none;background:transparent;}
form#sw-searchform  #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align:  top;border:none;background:transparent;}
</style>
<div id="sw-searchbox">
<form id="sw-searchform"  action="/search" method="get">
<input type="text" id="s"  name="q" value="Search..." onfocus='if (this.value == "Search...")  {this.value = ""}' onblur='if (this.value == "") {this.value =  "Search...";}'/>
<input type="image"  src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

Đến đay bạn có thể lưu lại. Bạn cũng có thể chỉnh sửa code trên theo ý của mình.

tạo hộp tìm kiếm cho blogspot

SHARE THIS