Cara Membuat Search This Blog

1. Buka Edit HTML : Copy kode dibawah ini dan paste diatas kode ]]></b:skin>

/******* SEARCH ********/

.searchpart {
float:left;
width:522px;
margin:11px 0 0 0;
overflow:hidden;
height:38px;
}

.search {
width:372px;
height:29px;
margin:0;
float:left;
}

.main_search{
height:30px;
margin:6px 0 0 2px;
padding:0;
}

.searchform_top{
padding:0px 0px 0 0;
float:left;
}

.searchform_top_text{
width:350px;
height:23px;
border:1px solid #666666;
font-size:13px;
float:left;
margin:0 0 0 0;
padding:0;
color:#000;
}

.searchform_top_text:hover{
border:1px solid #bbdafd;
}

.gosearch{
float:left;

2. Buka Page Element + Add A Gadget : Copy dan paste kode dibawah ini

<form action="/search" class="searchform_top" method="get">
<div>
<input ;="" \="" class="searchform_top_text" id="s" name="q" onclick="this.value=\" type="text" value="" />
<input 3.bp.blogspot.com="" _g60ik9izri4="" aaaaaaaacmq="" bgec55eyunu="" class="gosearch" http:="" onmousedown="this.src=\" onmouseout="this.src=\" onmouseover="this.src=\" s400="" search+copy.jpg\="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAnt63i06Uy7X0uLb9ERRdff1RxUI_IbIGNTF-b3_Ibl_a5UeMQDe3gO7WWw7Z6mJSby4bypSrkzXXd_RzTivRwDuXZG4DY-Pn4o-ryweDlfCLj2tIe5GkM3yo1ATkhun2huBuuE51PYOg/s1600/search-copy.png" style="margin-left: 0px; margin-top: -3px; outline-color: -moz-use-text-color; outline-style: none; outline-width: medium;" tl1d26yizci="" type="image" /></div>
</form>

<a href="http://blogywalky.blogspot.com" style="font-size: 10px; text-decoration: none; color: rgb(255, 0, 0);">Blogger Master Tips</a>

3. Klik

4. Atau Lihat Widget-nya di URL Cara Membuat Search This Blog (Sidebar Kiri Bagian Paling Atas)

Catatan:
Untuk mengatur lebar kolom search, buka edit html dan cari kode berikut

.searchform_top_text{
width:350px;
height:23px;
border:1px solid #666666;
font-size:13px;
float:left;
margin:0 0 0 0;
padding:0;
color:#000;
}

ganti 350px, sesuaikan dengan blog anda