Monday, August 9, 2010

Cara Membuat Kotak Search Di Blog

Kali ini saya akan menjelaskan tentang cara membuat kotak search di blog ala gecok. Kotak search di blog fungsi nya memudahkan anda untuk mencari artikel yang ada inginkan. Anda tinggal mengetik judul artikel tersebut dan lalu tekan enter, maka akan muncul artikel yang anda cari tersebut.
Cara pembuatan nya pun gampang alias tidak susah. Berikut cara cara nya di bawah ini.

1. Login ke blogger anda, atau ke draft juga bisa.
2. Masuk ke Rancangan , lalu Edit Html
3. Centang Expand Template Widget , lalu cari kode ini <div id='sidebar-wrapper'>
4. Jika sudah Letakan kode di bawah ini tepat di bawah kode di atas.


<div id='sidesearch'> 
      <form action='/search' id='searchthis' method='get' style='display:inline;'>
       <input id='s' maxlength='255' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter search keyword&quot;;}' onfocus='if (this.value == &quot;Enter search keyword&quot;) {this.value = &quot;&quot;}' style='width:200px; height:13px; margin:2px' type='text' value='Enter search keyword'/>
<input id='searchsubmit' name='go' type='submit' value='Go'/></form>
</div> 



5. Simpan dan Selesai.


Cara Ke - 2.

1.  Login ke Blogger anda, atau ke draft juga bisa.
2.  Masuk ke Rancangan , Lalu Elemen Laman
3. Tambah Gadget > Html/Javascript
4. Letakkan Kode di bawah ini :


<div id='sidesearch'> 
      <form action='/search' id='searchthis' method='get' style='display:inline;'>
       <input id='s' maxlength='255' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter search keyword&quot;;}' onfocus='if (this.value == &quot;Enter search keyword&quot;) {this.value = &quot;&quot;}' style='width:200px; height:13px; margin:2px' type='text' value='Enter search keyword'/>
<input id='searchsubmit' name='go' type='submit' value='Go'/></form>
</div> 



5. Simpan dan lihat hasilnya


Semoga Bermanfaat

0 comments:

Post a Comment