Thêm box Tìm kiếm thông minh đẹp và phong cách cho blog

Bài viết này sẽ hướng dẫn bạn thêm công cụ tìm kiếm bài viết trên blog của bạn nhưng với một giao diện đẹp mắt hơn rất nhiều so với nguyên bản của google search

1. Blogger > Mẫu > Chỉnh sửa HTML
2. Dán code dưới trước thẻ </head>

<style type='text/css'>
#search {
height:34px;
width:auto;
margin-top:10px;
padding:17px 5px 10px 15px;
width:311px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidhY__ZkMxLMg3GMhMaqNYvMHNSXRuiTBtWenfTEtez34Fks29KGxvBIcXIgjYJ_SIjW7wZ3X1KLdDRUiE9K9bvywkF01y6QVcZ1weAE0UlDUVblQIhI339rZFbeoJoUCqVIyI51WD25t0/);
}
#search form {
margin: 0;
padding: 0;
}
#search fieldset {
margin: 0;
padding: 0;
border: none;
}
#search p {
margin: 0;
font-size: 85%;
}
#s {
margin-left:0px;
float: left;
width:231px;
padding: 6px 2px 6px 5px;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirVUtio6U2He7KRw2dT9LvKPgBJrG9IrX0PTz0NWgwAFUtmF46vGIgusrHaRr2MfdZ-HKurmJXRZfIF-RyrwTlPBYUG1BlGIJOKfakF26GNpp6VumAJEInrGFlYfio5rHthyphenhyphenq_u5mYAVKG/s1600/sform.png) no-repeat;
border:none;
font: normal 100% &quot;Tahoma&quot;, Arial, Helvetica, sans-serif;
color:#C6C6C6;
}
#searchsubmit {
width:57px;
float: left;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR2bztqya4gzAcJCYJ8mJOYbidZH9G1Qzu7aW0q6HIqNFXv2TMHkJan0ZBS8bdJDBIJWcEDqDpbLtULGTrheHi1i3cI8BGZk4rVSErKrDXA-c8VVFLGYON8Wnw2-OxGQo-F6_ZI1mSZaV9/);
border:none;
font: bold 100% &quot;century gothic&quot;, Arial, Helvetica, sans-serif;
color: #FFFFFF;
height:28px;
margin-left:5px;
}
</style>

3. Lưu lại template
4. Vào blogger > Bố cục > Thêm tiện ích HTML/Javacript vào vị trí bạn muốn thêm search box
5. Dán code bên dưới vào form Nội Dung của HTML/Javascript
 <div id='search'>

<form id="searchform" action="http://trollvl.blogspot.com/search" style="display:inline;" method="get">
<input id="s" name="q" type="text" value=""/>
<input id="searchsubmit" value="" type="submit"/>
</form>
</div>

•  Nhớ thay đổi trollvl.blogspot.com thành link blog của bạn

6. Lưu lại và hoàn thành

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