Cara Membuat Tombol Search Pada Blog

Tombol search / Form Search sangat dibutuhkan di dalam blog karena akan memudahkan pengunjung blog untuk menjelajahi artikel anda / untuk mencari suatu artikel di blog anda. Andi-Techno akan mencoba memberi tutorial Cara Membuat Tombol / Form Search di Blog, contohnya bisa sobat liat dibawah header blog ini.

caranya:
1. Masuk ke Dashboard Blogger > Klik Rancangan > Edit HTML > dan centang Expand Widget Template
2. Cari kode ]]></b:skin> dengan bantuan CTRL+F, lalu letakkan kode dibawah ini tepat diatas kode ]]></b:skin> tadi

form#searchform2{display: block;float:right;margin: 30px 14px 10px 5px;}input.searchinput{background:#fff;border: 1px solid#006699;color:#006699;height:30px;}.searchsubmit{background:#006699;border:1px solid#006699;color:#fff;height: 32px;}

3. Lalu cari kode  <div id='header-wrapper'> atau <div class='header-outer'> dan letakkan  kode berikut tepat diatas kode <div id='header-wrapper'> atau <div class='header-outer'>

<form expr:action='data:blog.homepageUrl + &quot;search/&quot;' id='searchform2' method='get'><input class='searchinput' id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}' size='32' type='text' value=''/> <input class='searchsubmit' onmouseout='this.style.background=&apos;#4486D0&apos;' onmouseover='this.style.background=&apos;#2e6eb8&apos;' type='submit' value='Search'/></form>

4. Klik Pratinjau, jika berhasil lalu simpan template anda

sekian artikel  Cara Membuat Tombol Search Pada Blog semoga berguna

keyword: tutorial blog cara membuat tombol search, membuat kotak pencarian di blog, membuat search form di blog, cara mudah membuat tombol search di blog, kotak pencarian di blog, widget pencarian di blog