Hasil Cari Google Custom Search di Halaman Baru
Berawal dari pertanyaan salah seorang sahabat blogger 'bagaimana membuat hasil cari di blog ini terbuka di halaman baru?' akhirnya saya terapkan trik ini untuk mempermudah pengunjung dan mungkin Anda juga ingin mencobanya. Pembuatannya sama dengan ketika kita membuat link terbuka di jendela baru (Bagi yang belum membuat Google Custom Search, silahkan baca: Memasang Mesin Pencari ala Google di Blog)
Link Terbuka di Jendela Baru
Ketika Anda ingin membuat link terbuka di Jendela baru, maka Anda harus menambahkan kode di bagian HTML.
Kode link biasa:
<a href="alamattujuan.html">anchor link</a>
Kode Link Terbuka di Jendela Baru:
<a href="alamattujuan.html" target="_blank">anchor link</a>
Yang berwarna merah adalah tambahannya. Ana bisa juga mengganti target="_blank" dengan target="new" namun target="_blank" lebih dianjurkan.
Penerapan Untuk Google Custom Search
Berikut adalah contoh kode widget Google Custom Search (Bagi yang belum membuatnya silahkan Anda buat dengan baca: Memasang Mesin Pencari ala Google di Blog)
Berikut adalah contoh gadget cari Google Custom Search blog ini:
<form id="cse-search-box" action="/2008/12/hasil-pencarian-mas-doyok.html" target="_blank">
<div>
<input value="007737737555262419625:5hrz_kthoju" name="cx" type="hidden" />
<input value="FORID:11" name="cof" type="hidden" />
<input value="UTF-8" name="ie" type="hidden" />
<input name="q" size="30" type="text" />
<input value="klik ini atau enter untuk hasil cari" name="sa" type="submit" />
</div></form>
<script src="http://www.google.com/cse/brand?form=cse-search-box&lang=id" type="text/javascript"></script>
Yang berwarna merah adalah tambahannya. Silahkan tambahkan juga di kode gadget google custom search Anda. Sekarang, coba Anda ketikkan keyword 'followers' di search blog ini, dan otomatis halaman hasil cari tampil di tab baru. Selamat pagi dan semoga bermanfaat....
Link Terbuka di Jendela Baru
Ketika Anda ingin membuat link terbuka di Jendela baru, maka Anda harus menambahkan kode di bagian HTML.
Kode link biasa:
<a href="alamattujuan.html">anchor link</a>
Kode Link Terbuka di Jendela Baru:
<a href="alamattujuan.html" target="_blank">anchor link</a>
Yang berwarna merah adalah tambahannya. Ana bisa juga mengganti target="_blank" dengan target="new" namun target="_blank" lebih dianjurkan.
Penerapan Untuk Google Custom Search
Berikut adalah contoh kode widget Google Custom Search (Bagi yang belum membuatnya silahkan Anda buat dengan baca: Memasang Mesin Pencari ala Google di Blog)
Berikut adalah contoh gadget cari Google Custom Search blog ini:
<form id="cse-search-box" action="/2008/12/hasil-pencarian-mas-doyok.html" target="_blank">
<div>
<input value="007737737555262419625:5hrz_kthoju" name="cx" type="hidden" />
<input value="FORID:11" name="cof" type="hidden" />
<input value="UTF-8" name="ie" type="hidden" />
<input name="q" size="30" type="text" />
<input value="klik ini atau enter untuk hasil cari" name="sa" type="submit" />
</div></form>
<script src="http://www.google.com/cse/brand?form=cse-search-box&lang=id" type="text/javascript"></script>
Yang berwarna merah adalah tambahannya. Silahkan tambahkan juga di kode gadget google custom search Anda. Sekarang, coba Anda ketikkan keyword 'followers' di search blog ini, dan otomatis halaman hasil cari tampil di tab baru. Selamat pagi dan semoga bermanfaat....
trims ya om infonya..
BalasHapusijin copas ya mas..
BalasHapusKalo saya pake adsense for search Mas, cara buatnya simpel kok. Makasih sudah berbagi ilmu Mas ^_^
BalasHapuswah bisa di coba nih... nice post mas...
BalasHapusOm tutornya keren bgt...
BalasHapusizin copas juga y OM.. :D
Wah belom pernah nyoba tutorial yg satu ini Mbah.. ntar klo koneksi mantep langsung di uji coba.. thanks sharingnya mas...
BalasHapusperlu dicoba nih mas, thx ya. . .
BalasHapusperlu dicoba nih mas, thx ya. . .
BalasHapussipp mas doy dicoba - dicoba ^_^
BalasHapusOww.gini ta mas doy..oke mantab
BalasHapusbagian search boxnya juga bisa di tambahin css, ketika mouese over ada muncul petunjuk, juga kalau kwywordnya berubah warna,lihat saja punya ku www.newsinopsis.co.cc
BalasHapuskalo q gak rubah hasil car google hahaha tapi patuh di cobah ni di blog tes :)
BalasHapusAlhamdulillah, pencarian kostum di Bersama Dakwah juga ditampilkan di halaman baru. Lebih nyaman tanpa meninggalkan posting yang sedang dibaca.
BalasHapusSalam ukhuwah
@beda
BalasHapusiya mas :D
bair gak kehilangan yg sedang dibaca
keren mas doyok, template-nya ganti biru
BalasHapus@hazel
BalasHapusya beginilah hahaha :D
biar rada beda
@akbar
BalasHapussip kang :D
kalau dihalaman baru biar halaman yg algi dibaca gak jdi ketindih
@ramlan
BalasHapusbetul mas
dipost aja ntar biar tak rekomendasikan :D
@8388749649201390949.0
BalasHapussemoga sukses ya kang :D
@8597711739212273970.0
BalasHapussilahkan :D
@9147090661756920777.0
BalasHapussilahkan :D
otomatis,kok,mas doyok
BalasHapusmas doyok, postingan mas tentang Cara Membuat Google Custom Search (Update!) sampai postingan ini sudah saya coba terapkan dalam Blog Saya mungkin mas bisa melihat ke blog saya langsung akan hasilnya. namun mas doyok, semua tahap sudah saya lakukan semua dengan benar tapi selalu saja hasil searchnya kosong. tapi tetap tertuju pada postingan kosong yang sudah diisi dengan html dari http://www.google.com/cse nya. tolong mas beri jalan keluarnya. mas bisa cek google search saya di Sini untuk mencobanya bisa dengan keywoard pascal mungkin. terima kasih banyak mas,, mohon balesannya
BalasHapusmakaciiih bget mas infonya! saya blogger pemula...
BalasHapusMakasih infonya mas doyok,,komentari blog aku ya,,kasih kritik dan sarannya,,
BalasHapusmantap bosss.....
BalasHapusmatur nuwun ya juragan......
siip,, nuhun pisan juragan infona
BalasHapusBaguas mas tutorialnya, akan saya coba.. makasih...
BalasHapusSip gan udah saya coba, thanks gan, nice pos
BalasHapusNicepost mas doyok, makasih inpo nya, udah saya pasang di blog saya :)
BalasHapus