-->

Situs Multi Pengetahuan Meliputi Pendidikan, Informasi Teknologi, Tutorial, Serta Pengetahuan Penting Lainya

Cara Membuat Google Costum Search Engine di Blog

Mungkin akan banyak yang mencari-cari artikel ini yaitu cara memasang Google Costum Search pada blog.

Ini sangat beruntung sekali bagi anda yang mempunyai Adsense, karena bisa dihubungkan dengan Adsense For Search tetapi yang belum mempunyai Adsense bersabarlah.

Google Costum Search Engine adalah search Box yang digunakan untuk mempermudah pengguna mencari artikel yang dicarinya yang telah kita pasang pada blog. Mungkin banyak yang masih bingung bagaimana cara memasang Google CSE tersebut, baiklah langsung saja:

1. Silahkan pergi kesini https://www.google.com/cse
2. Kemudian login dengan akun anda
Cara Membuat Google Costum Search Engine di Blog

3. Pilih Add untuk menambahkan blog yang akan anda pasangi Google Costum Search Engine
Mesin penelusuran Google

4. Klik ID mesin telusur Anda: copy kode yang saya tandai tersebut.
5. Sekarang simpan dulu kodenya di Notepad.
6. Pindah ke Tampilan dan Nuansa
Cara Membuat pencarian Google diblog

7. Atur seperti gambar diatas, Pilih tema Hasil saja, kemudian klik Simpan & Dapatkan kode
Cara Unik membuat mesin pencarian sendiri

8. Copy paste kode diatas tadi pada blog anda. Caranya: Klik menu Laman - Laman Baru - HTML
Cara simple membuat mesin pencarian Google diblog

9. Setelah itu klik Publikasikan disudut sebelah kanan.
10. Setelah semuanya selesai, sekarang kita tinggal membuat kode untuk penelusurannya.
11. Silahkan Pergi ke menu Template - Edit HTML -  Masukkan kode dibawah ini tepat diatas kode </style> atau ]]><b:skin>
/* -- SEARCH -- */
#search-box{position:relative;width:90%;border: 1px solid #ccc;margin: 5px auto;}
#search-form{height:33px;-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;background-color:#fff;overflow:hidden}
#search-text{font-size:14px;color:#ddd;border-width:0;background:transparent}
#search-box input[type="text"]{width:90%;padding:7px 0 12px 1em;color:#666;outline:none}
#search-button{position:absolute;top:0;right:0;height:32px;width:20px;margin-top:10px;font-size:14px;color:#fff;text-align:center;line-height:0;border-width:0;background:url(http://4.bp.blogspot.com/-9cg5-K_jtuc/Uh5opT3mJvI/AAAAAAAAADc/5FnyCMV0L-8/s1600/search.png) no-repeat;cursor:pointer}
12. Simpan template
13. Kemudian pindah kemenu Tata Letak - Add Gadget - HTML/JavaScript dan tambahkan kode ini
<div id='search-box'>
<form action='http://www.fikrisuka.com/p/pencarian.html' id='searchform' target='_blank'>
<input name='cx' type='hidden' value='ID Mesin Telusur Anda:'/>
<input name='cof' type='hidden' value='FORID:10'/>
<input name='ie' type='hidden' value='ISO-8859-1'/>
<input id='search-text' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Cari disini..&quot;;}' onfocus='if (this.value == &quot;Cari disini..&quot;) {this.value = &quot;&quot;}' type='text' value='Cari disini..'/>
<button id='search-button' type='submit'/>
</form>
</div>
Keterangan:
Warna biru : Itu adalah link kode pada Laman Baru yang kita buat pada langkah nomor 8
Warna merah : ID mesin telusur yang kita dapatkan pada langkah nomor 3
Nah, mudah sekali bukan cara membuat Google Costum Search Engine di Blog ini? bagi anda yang masih bingung pada langkah-langkah diatas tersebut, bisa langsung anda tanyakan pada kolom komentar yang telah saya sediakan dibawah.

Ada tambahan lagi

Bagi anda yang mempunyai akun Adsense dan ingin menghubungkannya pada Adsense For Search lihat gambar dibawah ini
Adsense For Search

Silahkan anda pilih menu Dapatkan Penghasilan -  Aktifkan - Selesai. Tetapi bagi anda yang belum mempunyai akun adsense jangan khawatir, silahkan anda mendaftar Google Adsense karena mendaftar adsense itu tidak sulit, jika blog anda memenuhi Syarat Google Adsense :) Semoga bermanfaat...

Previous
Next Post »

2 komentar

Arif Maulana delete March 11, 2015 at 3:33 PM

sangat membantu info nya. Makasih ya gan

Hasnan Rifki delete March 13, 2015 at 9:07 AM

Thanks mas Work 100 Persen

Apa tanggapan anda tentang artikel diatas?

 

Contact Form

Name

Email *

Message *