Cara Membuat Kotak Pencarian Di Blog

Tags

Jika kita memliki banyak artikel/konten pada blog kita tentu akan semakin sulit para pengujung blog anda untuk mencari artikel yang mereka butuhkan secara manual.Untuk itu perlu disediakan kotak pencarian atau kotak penelusuran pada blog kita,caranya mudah anda tinggal copy code di bawah ini.
cara-membuat-kotak-pencarian

1. Login ke blog kamu.

2. Pilih Rancangan > Edit HTML > Cari kode </head>
3. Letakan Kode CSS atau tepat di atas kode </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/AVvXsEiqC2g4txvc8A6ER0XcIFIpM0w_aaOR6V_emN0tGFrTWGCf79X7hRm3zC9wpzICcym2Yt8FO8DPe_gMmgDgELvIRyUmL29VGX0cDpJZqR7iLDc-eZGK9UDX5t4WiloPewLAneMwdnntj8JL/);
}
#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/AVvXsEjj9gCo6PuQ9moKqSwTaBn5H1Ua1Xi0_SL_bjIAOToN3cXghO91Optr0oxixL-RUcJCjDhjt_4QChMhPJJX6RY6B7_EIta5RjVVTj0r2IWFY_O6bGk80E8LqsQGpaDIZ2iYMLVT0s1957Pm/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/AVvXsEjGSa6Oirs6a6mtXOTvkGAfRFRFJE-4ZTkRjKF19pg1uM4-PNofYJAm_Zfw6yn3zSliO8kzHO7pnT-kjg43uhgJkqd5IShSXJ5aU9o_q3njBWRwZu6KK3HMYdoO0KRNN2AxjG-ou110jyqt/);
border:none;
font: bold 100% &quot;century gothic&quot;, Arial, Helvetica, sans-serif;
color: #FFFFFF;
height:28px;
margin-left:5px;
}
</style>
 Letakan kode berikut dimanapun anda inginkan

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

Selamat anda telah membuat kotak pencarian pada blog anda,semoga artikel di atas bermanffat
oh ya makasih juga buat blazerracing atas scriptnya.