Cara buat search engine di blogger

Search Engine Blogger Saat ini Search Engine tidak bisa dipisahkan dalam dunia blogger / Website. Dengan search Engine pengunjung Website dapat mencari isi Website / Blog sesuai dengan keyword yang kita ketikkan pada  Search Egine yang telah disediakan pada website.

Silahkan lihat Live Demo yang diterapkan pada http://jsfiddle.net sedangkan cara buat search engine di blogger silahkan lakukan langkah dibawah ini :
  1. Login ke blogger, kemudian untuk menghindari kesalahan silahkan Back Up Tempate Anda.
  2. Masuk pada edit Tempalate Blogger, kemudian tambahkan kode dibawah ini pada bbagian CSS atau Copy Paste diatas kode ]]></b:skin>
    #pencarian{position:relative;width:300px;margin:10px auto}
    #pencarian input[type="text"]{width:90%;padding:9px 20px 12px 5px;color:#666;outline:none}
    #pencarian-kotak{height:30px;border-radius:2px;background-color:#fff;overflow:hidden;border:1px solid #bbb}
    #pencarian-teks{font-size:12px;color:#ddd;border-width:0;background:transparent}
    #pencarian-tombol{position:absolute;top:0;right:0;height:32px;width:20px;margin-top:10px;font-size:14px;color:#fff;text-align:center;line-height:0;border-width:0;background:url(https://lh3.googleusercontent.com/-dLabU17VtVE/Uk0-SHRVQWI/AAAAAAAAAsA/MwCOLyPBGaA/h120/search.png) no-repeat;cursor:pointer}
    

  3. Masukan kode di bawah ini pada HTML :
    <div id='pencarian'>
    <form action='/search/' id='pencarian-kotak'>
    <input id='pencarian-teks' name='q' onblur='if (this.placeholder == "") {this.placeholder = "Cari artikel di blog ini...";}' onfocus='if (this.value == "Cari disini..") {this.value = ""}' placeholder='Cari artikel di blog ini...' type='text'/>
    <button id='pencarian-tombol' type='submit'></button>
    </form>
    </div>

Cara buat search engine di blogger