Membuat Halaman Search Engine

Home
Tentang Saya
Berita
Tips - Trik
Download
- Script
- Game
- Grapic
- Portable
- Software
- Anti Virus
- Template
Catatan
Image Hosting

Home

Tips - Trik

Written by toot

Tuesday, 10 August 2010 20:46

Udah lama banget saya tidak menulis lagi, terlebih lagi berbagi ilmu dengan para sahabat semua di website dan blog pribadi saya. Berhubung tadi sore ada salah satu teman saya yang menghubungi saya melalui Chat Facebook dan menanyakan bagaimana cara membuat halaman serach engine yang terhubung ke Pencarian Google. Jika ingin melihat seperti apa tampilannya, sahabat bisa lihat langsung di www.Dwipratama.com atau jika malas mau akses web tersebut berikut ini Screen Shot tampilan halaman serach engine yang saya buat sendiri:

Tema Ramadhan

Seperti itlulah tampilan Halaman Pencari yang terhubung ke Pencarian Google yang saya buat dengan bantuan HTML, CSS dan Bantuan dari Google Adsense Pencarian untuk mengalihkan pencarian ke halaman google. Kayaknya gak perlu berlama-lama deh ngejelaskan panjang lebar, lebih baik langsung aja ke cara pembuatannya.

Hal yang harus pertama kali kita siapkan adalah menyusun HTML dan CSS untuk membuat tampilan halaman pencari yang kita inginkan. Nah jika kamu sudah menyusun HTML, CSS dan sudah membuat halaman yang kamu inginkan. kamu tinggal menyisipkan source berikut ini:

<form action="http://www.google.com/cse" id="cse-search-box">
<div>
<input type="hidden" name="cx" value="partner-pub-8821831983222131:s0cbh7p77m9" />
<input type="hidden" name="ie" value="UTF-8" />
<input type="text" name="q" size="31" />
<input type="submit" name="sa" value="Telusuri" />
</div>
</form>

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("elements", "1", {packages: "transliteration"});</script>
<script type="text/javascript" src="http://www.google.com/coop/cse/t13n?form=cse-search-box&t13n_langs=id"></script>

<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=id"></script>

Sisipkan source HTML di atas ke dalam tag <body>, jika sudah sekarang kita beralih ke Fasilitas yang diberikan google (Yakni Google Adsense) dimana google adsense adalah sebuah Layanan Iklan yang dibayar dengan sistem Per Klik. Nah di salah satu Fitur di dalam Google Adense tersebut adalah sebuah pilihan Adsense Untuk Pencarian pada salah satu pendatapan yang diberikan oleh Google Adsense.

Pilih saja Option tersebut dan isi data yang diperlukan hingga sahabat mendapatkan source yang kurang lebih seperti ini:

<script type="text/javascript">
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

Sekarang sahabat lihat pada Source yang saya beri warna Biru. Source yang pertama dan ke dua, nah... sekarang sahabat tinggal mengganti Source partner-pub-8821831983222131:s0cbh7p77m9 dengan Source yang kamu dapatkan dari google adsense pub-8821831983222131. Jika sudah, tinggal simpan saja file tersebut. Dan coba kamu melakukan pencarian dihalaman yang tadi kamu buat (www.Dwipratama.com). Kalau sahabat gak mau repot membuat halaman tersebut, saya dengan senang hati berbagi source yang saya buat kepada sahabat semua!

Kamu bisa mengembangkan lagi Halaman yang saya buat, sesuai dengan keinginan kamu. Jika Link di atas sudah tidak bisa diakses lagi, silahkan kirim Komentar dibawah agar link bisa di perbaharui. Sekian, semoga berhasil gan.... kalau butuh pertanyaan dengan senang hati saya terima.