Dalam membuat sebuah situs atau blog kotak pencarian sangat dibutuhkan guna memudahkan pencarian dengan lebih mudah dan cepat, disamping untuk memperindah tampilan. kali ini saya akan berbagi cara menambahkan kotak pencarian pada tab menu laman sebagai berikut :
- Login ke akun blogger Anda
- Pilih menu Template, klik Edit HTML => Edit Template.
- setelah itu cari kode <li><a expr:href='data:link.href'><data:link.title/> </a></li> agar lebih mudah cari dengan Ctrl + F, selanjutnya perhatikan kode <b:/loop> beberapa baris dibawahnya.
- copy/letakkan kode CSS berikut ini tepat dibawah kode <b:/loop>.
<div class='cse' style='color:#000000;align:right;float:right;margin:5px 3px 2px 3px ;'>
<form action='/search' id='searchform' method='get' style='display:inline;'>
<input id='searchbox' maxlength='350' name='q' onblur='if (this.value == "") {this.value = "search on this site...";}' onfocus='if (this.value == "search on this site...") {this.value = ""}' type='text' value='search on this site...'/>
<input id='searchbutton' type='submit' value='Cari'/>
</form>
<script src='http://chillaolshop.blogspot.com' type='text/javascript'/>
</div>- ganti tulisan http://chillaolshop.blogspot.com warna merah diatas dengan url link anda sendiri
- simpan template dan lihat hasilnya
Tidak ada komentar:
Posting Komentar