Tạo hộp tìm kiếm cho blogspot
Để cho khách tham quan dễ dàng tìm kiếm các bài đã đăng trên Blog của mình, bạn có thể tạo hộp tìm kiếm (Search...) trên Blog với một số mẫu dưới đây.

☼ Cách tiến hành:
1- Đăng nhập vào Blog
2- Vào Bố cục (Lay out)
3- Chọn Thêm tiện ích -> Thêm 1 Tiện ích HTML/Javarscip => Xem video:
4- Ứng với mỗi mẫu là code phía dưới, nếu thích mẫu nào bạn chỉ cần Copy mẫu đó và làm theo bước sau là Ok.
Mẫu 1:
<style type="text/css">
#namkna-searchbox{background:url(ahttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipxA72JdikwZ6QkIjdtlYGBK684ukLzg0L5A598NE204Qm0JqS01vrXboCLEZ554YzCvSXeU4DJ6Fvil9DCZZz1Q8_8ZzjITFa527XRDiiSjbvjgQ0up7lJzzwT8mgPAnOu-zR2m2QLlA/h58/searchbox1-namkna-blogspot-com.png)  no-repeat scroll center center  transparent;width:307px;height:50px;disaply:block;}
form#namkna-searchform{display: block;padding: 10px 12px;margin:0;}
form#namkna-searchform #s{padding: 6px;margin:0;width:  235px;font-size:14px;vertical-align:  top;border:none;background:transparent;}
form#namkna-searchform  #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align:  top;border:none;background:transparent;} 
</style>
<div id="namkna-searchbox">
<form id="namkna-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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD10YyReUV8awKdRmi1FnN5GqWuKzia9RbMh2g2eGMyAoqEl0PeIlN-3MHWNAEMsgsEHLhF7OliuAkNxI4qX_5GPvNq-fQo_hXQAMPOpUUEnBphyphenhyphen7DvBfE3s8S843bl-3Gs9oRSjcraBY/h120/blank-search-namkna-blogspot-com.gif" id="sbutton" />
</form>
</div>

Mẫu 2:

<style type="text/css">
#namkna-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjirJF-1c61NmrISFcqP9KL7TWboLGbkT2emxEmh_eAXmf15LzbAXYyQEkDYZf9WfCde5zaKvWxkcmXJw1cTWJtx3LPGPhKtyla4yeRESKK7ekTZRBBNPlRfLDDz1DL8Dbv3je2BFl-ab8/h58/searchbox2-namkna-blogspot-com.png)  no-repeat scroll center center  transparent;width:307px;height:50px;disaply:block;}
form#namkna-searchform{display: block;padding: 10px 12px;margin:0;}
form#namkna-searchform #s{padding: 6px;margin:0;width:  235px;font-size:14px;vertical-align:  top;border:none;background:transparent;}
form#namkna-searchform  #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align:  top;border:none;background:transparent;}
</style>
<div id="namkna-searchbox">
<form id="namkna-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>
Mẫu 3:
<style type="text/css">
#namkna-searchbox{background:url(http://lh3.googleusercontent.com/-peHEeRB58M8/TeixHZml3oI/AAAAAAAAA6E/J2_zg9Fn8PI/way2blogging_searchbox3.png)  no-repeat scroll center center  transparent;width:307px;height:50px;disaply:block;}
form#namkna-searchform{display: block;padding: 10px 12px;margin:0;}
form#namkna-searchform #s{padding: 6px;margin:0;width:  235px;font-size:14px;vertical-align:  top;border:none;background:transparent;}
form#namkna-searchform  #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align:  top;border:none;background:transparent;}
</style>
<div id="namkna-searchbox">
<form id="namkna-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>
Mẫu 4:
<style type="text/css">
#namkna-searchbox{background:url(http://lh4.googleusercontent.com/-Pd1zyUMhsVo/TeixHnaB1hI/AAAAAAAAA6M/p-Iz_WGMQ3M/way2blogging_searchbox4.png)  no-repeat scroll center center  transparent;width:307px;height:50px;disaply:block;}
form#namkna-searchform{display: block;padding: 12px;margin:0;}
form#namkna-searchform #s{padding: 6px 6px 6px 26px;margin:0;width:  215px;font-size:14px;vertical-align:  top;border:none;background:transparent;}
form#namkna-searchform  #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align:  top;border:none;background:transparent;}
</style>
<div id="namkna-searchbox">
<form id="namkna-searchform"  action="/search" method="get">
<input type="text" id="s"  name="q" value=""/>
<input type="image"  src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

Mẫu 5:
<style type="text/css">
#namkna-searchbox{background:url(http://lh5.googleusercontent.com/-TN5qYaRnSR4/TeixH2TVJlI/AAAAAAAAA6U/gYrDmDItWJQ/way2blogging_searchbox6.png)  no-repeat scroll center center  transparent;width:307px;height:50px;disaply:block;}
form#namkna-searchform{display: block;padding: 12px;margin:0;}
form#namkna-searchform #s{padding: 6px 6px 6px 26px;margin:0;width:  215px;font-size:14px;vertical-align:  top;border:none;background:transparent;}
form#namkna-searchform  #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align:  top;border:none;background:transparent;}
</style>
<div id="namkna-searchbox">
<form id="namkna-searchform"  action="/search" method="get">
<input type="text" id="s"  name="q" value=""/><br />
<input type="image"  src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>
Nếu có chút kinh nghiệm về XML bạn có thể chèn các đoạn code trên vào trong Template và nâng cấp nó lên.