Menyatukan Adsense Untuk Pencarian ke dalam template Blogger

Jika anda menggunakan template Blogger dari pihak ketiga ( Template non default), biasanya template-template itu menyediakan search box tersendiri. Search box dari template itu biasanya terlihat berkelas dan elegan tergantung jenis template yang kita pilih. Jika anda publisher Adsense pemula, anda pastinya tahu kalau Adsense For Search terkesan begitu standar dan sederhana. Beberapa orang pastinya ingin memindahkan search box dari template yang kita pakai supaya tidak membingungkan para pembaca untuk memilih menggunakan search box template atau search box dari Google Adsense.

Artikel ini berusaha menolong anda menjawab pertanyaan : Bisakah kita menggabungkan search box yang ada di template dengan Adsense for Search tanpa merubah kode Adsense ? Jawabannya bisa. Jadi kita bisa memilihi SATU SEARCH BOX yang elegan dan berkelas tanpa melanggar TOS dari Adsense.

1. Pertama, log in ke dalam akun AdSense anda. Lalu atur Adsense For Search yang anda inginkan. Saya pikir anda sudah paham bagaimana caranya.

2. Sekarang log in ke Blogger. Dari "dashboard" pergi ke "Tata Letak" dan kemudian pilih "Edit HTML". Jangan lupa untuk centang pilihan "Expand widget template" yang ada di kanan atas kotak HTML.

3. Menggunakan fungsi pencarian browser yang anda pakai ( CTRL + F) carilah kode ini :

<div class=’search’>
<form method=’get" action=’/search’>
<input id=’s’ name=’q’> <input value=’Search’ type=’submit’>
</form>’
</div>

4. Kode di atas sebenarnya sama dengan kode AdSense Search Box anda. Lihat contohnya : ( Kalau anda memilih option hasil pencarian di tampilkan di halaman lain)

<form id="cse-search-box" action="http://www.google.com/cse" target="_blank">
<div> <input value="partner-pub-9292xxxxxxxxxxxx:9goa3j-qhi9" name="cx" type="hidden"/>
<input value="ISO-8859-1" name="ie" type="hidden"/>
<input name="q" size="31" type="text"/>
<input value="" name="sa" type="submit"/>
</div>
</form>
<script src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=in"
type="text/javascript"></script>

Nah,salin kode AdSense for Search di atas ke dalam kode yang ada di no.3

5. Sekarang seharusnya kode itu menjadi seperti ini :

<div class=’search’>

<form id="cse-search-box" action="http://www.google.com/cse" target="_blank">
<div> <input value="partner-pub-9292xxxxxxxxxxxx:9goa3j-qhi9" name="cx" type="hidden"/>
<input value="ISO-8859-1" name="ie" type="hidden"/>
<input name="q" size="31" type="text"/>
<input value="" name="sa" type="submit"/>
</div>
</form>
<script src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=in"
type="text/javascript"></script>
</div>

Saya harap anda paham. Ganti kode yang ada dari <form action=’/search’ method=’get’>....</form> dengan kode AdSense. <form action>.....</form> Pastikan anda hanya menyalin kode AdSense tanpa mengubah apapun, karena jika anda mengubah kode itu, anda melanggar TOS AdSense.

6. Sebelum anda menyimpan perubahan ini, klik tombol "Pratinjau" untuk memastikan bahwa anda telah berhasil. Seharusnya kalau anda berhasil, sekarang anda akan melihat search box template anda memiliki watermark "Google Search Costume" (jika anda memilih pilihan ini) seperti di bawah :

Cantik bukan ? Nah, sekarang anda memiliki SATU SEARCH BOX yang cantik dan elegan.