Cara Membuat Search Engine di Blogger

[Bule Sang]

untuk mempermudah pencarian kamu disetiap Blog/Web pasti terdapat Search Engine.

Saya pernah membuat lewat tambah gadget di Elemen laman (Search Engine dari blogger)

sayang banget bentuknya terlalu simple.. Jadi ogah pakenya.

Cara paling mudah yaitu dengan menggunakan template Package.

disitu biasanya sudah ada semua, cuma membatasi eksplorasi aja.

Akhirnya saya coba hunting untuk cari tau caranya.

pencarian tutorial pun berakhir di Tutorial Jitu,
saya menemukan caranya. Huhui,.

Contohnya kaya gini bray ..

Kalau mau buat yuk liat kebawah..

- Login ke account blogger.

- Klik Rancangan > Edit HTML.

(Dibiasakan Centang kotak kecil Expand Widget Templates)

- Cari kode ]]></b:skin> di dalam template kamu.

(Agar lebih mudah pencariannya klik CTRL+F lalu paste ]]></b:skin> didalam kotaknya)

Tips aman :

Lakukan backup dengan "DOWNLOAD TEMPLATE LENGKAP".

Kalo terjadi kesalahan kamu tinggal Upload lagi dan bakal kembali seperti semula.

- Copy pastekan script di bawah ini tepat diatas kode ]]></b:skin>

#searchform {

position:letf;

top: 20px;

right: 0px;

background: url(http://sites.google.com/site/anasku2000/search-back.png) no-repeat right bottom;

height: 59px;

width: 210px;

}

#searchform #s{

background: #ffffff url(http://sites.google.com/site/anasku2000/form-field-bg.gif) no-repeat ;

height: 17px;

width: 148px;

margin: 30px 5px 0px 10px;

padding: 3px 7px 2px 5px;

color: #999999;

border: none;

}

#searchform #searchsubmit {

background: url(http://sites.google.com/site/anasku2000/searchbtnnk7.png) no-repeat left top;

height: 24px;

width: 24px;

border: none;

text-indent: -999%;

line-height: 1px;

margin-top: 6px;

}

Simpan Template.

Setelah itu kamu ke Elemen Laman > Tambah Gadget > HTML/JavaScript.

Copy Paste kode dibawah ini didalamnya :

<form id="searchform" action="/search" method="get">

<div>

<input type="text" id="s" value="" name="q" />

<input id="searchsubmit" value="Go" type="submit" />

</div>

</form>

Simpan.

Berikut Link yang dapat kamu gunakan :

http://sites.google.com/site/anasku2000/search-back.gif > Link Backgroundya
http://sites.google.com/site/anasku2000/form-field-bg.gif > Background Form
http://sites.google.com/site/anasku2000/searchbtnnk7.png > Tombol Submitnya

BACKGROUND YANG BISA KAMU GUNAKAN