Home » » Cara Membuat Kotak Search Blog Di Blogspot

Cara Membuat Kotak Search Blog Di Blogspot

Written By Adsloko on Minggu, 04 Desember 2011 | Minggu, Desember 04, 2011

Cara Membuat Kotak Search Blog Di Blogspot - Kotak search banyak dipasang di berbagai website dan berfungsi sebagai mesin pencari artikel atau data di dalamnya.

Ada berbagai macam bentuk kotak search yang bisa kita buat dan pasang kedalam blog.

Jika Ada yang ingin tahu bagaimana cara membuatnya maka akan Saya kasih tahu yaitu dengan cara tuliskan kode berikut di dalam halaman Edit HTML blog terserah dimana letaknya:
<form expr:action='data:blog.homepageUrl + &quot;search&quot;' id='searchform' method='get'>
<p><span class='no-display'>Search </span><input onblur="if(this.value=='') this.value='Cari Artikel';"
onfocus="if(this.value=='Cari Artikel') this.value='';"
id='s' name='s' type='text' value='Cari Artikel'/><button type='submit'><span>Search</span></button></p>
</form>

Kode yang diberi warna merah mempunyai fungsi mengembalikan tulisan "Cari Artikel" ketika kita klik di luar textbox dan menghilangkannya ketika tulisan tersebut kita klik untuk memasukkan kata pencarian.

Kode yang diberi warna biru menunjukkan tempat/halaman yang akan mengeksekusi (action) form pencarian. kode tersebut bisa dirubah menjadi action='http://BlogAnda.blogspot.com/search/'

Hasil dari script diatas adalah sebuah "search box seperti dibawah ini:
Search




Share this article :

3 komentar:

  1. terimkasih atas postinganya gan, kan sya coba kota search di blog sya dengan informasi anda, sukses.... !

    BalasHapus

Diberdayakan oleh Blogger.

@My Follower

 
Support : TipsNgeblog
Copyright © 2013. Tips Dan Trik Ngeblog - All Rights Reserved
Template Created by Creating Website Used by TipsDanTrikNgeblog
Proudly powered by Blogger