Masukkan Search Box Dalam Header

Alooo semua...

Sorry sebab ter busy pulak minggu lepas, so hari ini aku dapat mengodek 1 lagi benda best iaitu memasukkan Search Box dalam header. Korang boleh tengok gambar di bawah kalau tak puas hati..heheheeh...



Jom godek...

1) Pergi ke Layout > Edit HTML > Expand Widget Templates(tandakan kotak)

2) Cari kod seperti di bawah :-

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

Paste kod di bawah betul-betul selepas kod tadi

#header .searchbox {
text-align:$endSide; //$endSide = Right & $startSide = Left
margin: 25px; // Distance from right or left side
}

3) Kemudian cari kod

<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>

Kemudian masukkan kod di bawah selepas kod di atas

<div class='searchbox'>
<form action='http://blog-korang.blogspot.com/search' id='searchthis' method='get' style='display:inline;'>
<input id='b-query' maxlength='255' name='q' size='20' type='text'/>
<input id='b-searchbtn' type='submit' value='Search'/>
</form></div>

Tukarkan tulisan merah kepada URL blog korang dan tulisan biru pula untuk button search itu nanti.

Selesai.. Enjoy