P
ada kesempatan kali ini, saya akan memberi tutorial tentang
membuat search engine, mungkin beberapa dari kalian semua sudah mengetahui trik ini,
ya saya ndak memaksa kalian untuk melakukan trik ini, kalo anda bisa menemukan trik lain yang lebih bagus dan sudah memasangnya, silahkan gunakan itu terus,
saya ngga tau apakah trik ini
SEO di mata search engine atau tidak,
oke, sekarang saatnya mulai tutorialnya
Langkah" Memasang Custom Search Engine Google
- Pertama-tama kalian harus menuju ke Google Custom Search
- Setelah itu klik Create New jika kalian belum membuat pengaturan untuk search engine
- Isikan alamat/ nama search engine anda pada kolom yang di sediakan,anda bisa tambahkan beberapa nama (liat gambar di atas)
- Setelah selesai,klik Create
- Next, setelah selesai anda akan di bawa menuju halaman pengaturan search engine anda, disini anda bisa mengatur sesuka hati tampilan cse anda (liat gambar)
- Perhatikan gambar dibawah ini, klik pada bagian Get Code,ketika selesai mendesain tampilan search
- Copy kode yang terdapat pada bagian yang di hitami(liat gambar di bawah)
- Copy semua kode itu,lalu login blogger > pages > buat page/halaman baru
- Setelah itu, pakai kode di bawah ini (untuk style searchnya)
.menusearch{width:200px;float:right;margin:0 auto;padding:0}
.searchform {margin-top:0px;display: inline-block;*display: inline;padding:0;background:#eee;width:200px;height:23px; overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #021427;box-shadow:0 0 5px 0 #666 inset;}
.searchform input {font:italic 12px Arial;color:#222;line-height:23px;height:23px;padding:0;margin:0;}
.searchform .searchfield {background:transparent;padding:0 0 0 6px;margin:0;width: 195px;height:23px;border:0px;outline: none;line-height:23px;}
.searchform .searchbutton {border:none;margin:0;padding:0;font-size:12px;height:23px;width:23px;}
<div class='menusearch'>
<div style='float:right;padding:2px 8px 0 0;'>
<form action='/search' class='searchform' method='get'><input name='cx' type='hidden' value='007984203459623761152:w_6h7krekni'/>
<input class='searchfield' id='q' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=''' type='text' value='Search here....'/>
</form></div></div>
</div></div>
Untuk Peletakkannya, taruh di sembarang tempat asalkan ngga error,,,
oke, css sama HTMLnya sesuaiin sendiri ya
Update : Tanda Biru Merupakan id dari custom search anda,ganti itu dengan kepunyaan anda sendiri,dan halaman yang anda buat sebagai halaman pencarian,,,
Maka,demikianlah artikel
Cara membuat search engine,, sampai jumpa.