Sunday, December 23, 2012

Cara membuat search di blogger


search simple tanpa JS langsung terapkan langsung pasang langsung pakai "tester" ^_^
ok guys kita buat simple ajah yah !!!

CARA PERTAMA =...?


CODE-nya seperti ini :

    <form action="http://NAMA-BLOG.blogspot.com/search" method="get">
    <input class="textinput" name="q" size="28" type="text" /><input class="buttonsubmit" name="submit"type="submit" value="search" /></form>


Tampilannya Seperti ini
** note :
NAMA-BLOG.blogspot.com (ganti dengan alamat blog anda)
size="37" (Ukuran kotak search)
search (bisa anda ganti dengan kata-kata lain)

Mungkin anda ingin menambahkan kata" di dalam kolom search-nya

CARA KEDUA =...?

CODE-NYA seperti ini :
"Disini saya ngambil contoh punya saya sendiri"
    <form action="http://4mr2ics.blogspot.com/search" method="get">
    <input class="textinput" name="q" size="28" onblur='if (this.value == "") {this.value = "Cari Artikel Lainnya...";}' onfocus='if (this.value == "Cari Artikel Lainnya...") {this.value = ""}' type='text' value='Cari Artikel Lainnya...'/>
    <input class="buttonsubmit" name="submit" type="submit" value="search" /></form>

Tanpilannya seperti ini :

** note :
4mr2ics.blogspot.com (ganti alamat blog anda)
size="28" (Ukuran kotak search)
Cari Artikel Lainnya... (bisa anda rubah dengan kata-kata lain)

"Untuk penyimpanan script search yang ada di atas terserah anda taruh dimana sajja"

NEXT :
kalo yang ini bisa anda pasang ataupun tidak juga, engga masalah . . . (gunanya untuk memberi efek pada colom search

Cara penyimpanan : ?
cari CODE ]]></b:skin> lalu letakkan CODE Script di bawah ini tepat di atas code ]]></b:skin> .

    .buttonreset {
    color: #333;
    background-color: #f3f3f3;
    border: 1px solid #999;
    padding: 1px;
    }
    .buttonsubmit {
    color: #333;
    background-color: #B2B2B4;
    border: 1px solid #999;
    padding: 1px;
    }
    .textinput {
    color : #333;
    background-color: #B2B2B4;
    border: 1px solid #999;
    padding: 1px;
    }

** note : CODE Script di atas ini untuk membuat bentuk search-nya lebih menawan,. heheheee...
di script ini pula ada code-code warna untuk menyesuaikan kotak search anda
seperti punya saya CONTOH yang ada di atas maupun yang ada di bawah...
klo sudah, SAVE TEMPLATE

selesai dah  ..... have fun .... !!!


bila membutuhkan CODE warna silahkan kunjungi




No comments:

Post a Comment

terimakasih !!! Follow This Site
http://goo.gl/8mTJO