Cara buat search engine di 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.

Untuk Demo silahkan lihat Search Engine yang saya pasang sesuai artikel Cara buat search engine di blogger.

Berikut cara Cara buat search engine di blogger menggunakan icon :

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>
   
   /* CSS Search Engine by Fianhar*/

        #search-wrapper {margin-top:10px; margin-bottom:10px; width:300px;}
        #search input { outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; }
        #search { margin:0; padding:0; position:relative; }
        #search-box { margin-left:20px; background:#4B4B4B none repeat scroll 0 0; border:medium none; color:#939393; display:block; height:22px;padding:6px 10px 5px; width:236px; }
        #search-button { background:transparent url(http://cache.nagly.co.uk/ng3/woo/search_button_32.png) no-repeat scroll 5px 2px; border:medium none; display:block; height:35px; left:230px; margin:0; position:absolute; top:13px; width:39px; }
        #search-button:hover { background:transparent url(http://www.10pac.com/wp-content/themes/10%20PAC/images/search_button_green_32.png) no-repeat scroll 5px 2px; }

/* And CSS Search Engine by Fianhar*/


3. Masukan kode di bawah ini pada HTML :
   
   <div id='search-wrapper'>
    <form action='/search/' id='search' method='get' style='display:inline;'>
        <input id='search-box' maxlength='255' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}' type='text' value=''/>
        <input id='search-button' type='submit' value=''/>
    </form>
</div>

Referansni Artikel :

• Cara Membuat Kotak Search di Blogspot.
  Link : http://www.ardi33.web.id/2010/01/cara-membuat-kotak-search-di-blogspot.html
• Cara Buat Search Engine di Blogger.
  Link : http://stylebloggertemplate.blogspot.com/2010/06/cara-buat-search-engine-di-blogger.html