Kotak Pencarian Web 
Friday, 22 September 2017    

Kotak Pencarian Web Penjejak.com

Panduan pemasangan kotak pencarian web Penjejak.com

Anda dapat menambahkan kotak pencarian web Penjejak.com ke situs web atau blog Anda. Dengan demikian, pencarian web dapat dilakukan pengunjung Anda secara cepat, langsung dari halaman web Anda.

Kotak pencarian Penjejak dapat Anda atur, misalnya untuk menampilkan hasil pencarian yang bersumber dari berbagai situs web, atau membatasi hasil hanya dari situs Anda saja. Selain itu, Anda juga dapat memodifikasi tampilan kotak pencarian sesuai selera dan kreativitas Anda.

Berikut beberapa opsi kotak pencarian web yang bisa Anda pilih. Cukup klik pada kotak Salin kodenya, lalu tekan Ctrl+C (Copy) pada papan keyboard, dan sisipkan pada HTML Anda dengan menekan Ctrl+V (Paste).

Pilihan Kotak Pencarian

Kotak Dasar - Logo Luar Kotak:

Penjejak

Salin kodenya:

Kotak Dasar - Logo Dalam Kotak:


Salin kodenya:

Kotak Dasar - Tanpa Logo:


Penjejak.com

Salin kodenya:

Kotak Bergaya - Logo Luar Kotak:

Penjejak

Salin kodenya:

Kotak Bergaya - Logo Dalam Kotak:


Salin kodenya:

Kotak Bergaya - Tanpa Logo:


Penjejak.com

Salin kodenya:

Pengaturan Hasil Pencarian

Berikut ini beberapa opsi pengaturan hasil pencarian yang bisa Anda pilih:

  • Hasil hanya dari situs Anda:
    Secara default, halaman hasil pencarian akan menampilkan sumber dari berbagai situs. Untuk membatasi hasil pencarian hanya dari situs Anda, tambahkan alamat situs Anda (tanpa awalan http://) di bagian:
    name="domain" value=""
    sehingga hasilnya menjadi:
    <... name="domain" value="www.namasitus.com" />
    atau:
    <... name="domain" value="blog.namasitus.com" />

  • Tampikan hasil di jendela baru:
    Untuk menampilkan halaman hasil pencarian di tab atau jendela baru, sisipkan kode berikut di baris pertama:
    target="_blank"
    sehingga hasilnya menjadi:
    <... "http://www.penjejak.com/cari.php" target="_blank">

Modifikasi Kotak Pencarian

Sepanjang tidak mengubah fungsi, Anda boleh memodifikasi tampilan kotak pencarian Penjejak.com agar serasi dengan komposisi warna di halaman web Anda. Untuk keperluan ini, Anda perlu sedikit memahami tentang CSS (Cascading Style Sheet).

  • Untuk mengganti warna kotak pencarian, ubah kode warna #990000.
  • Untuk mengganti warna latar kotak pencarian, ubah kode warna #FFFFFF.
  • Untuk mengatur ketebalan garis tepi kotak pencarian, edit angka 2 pada border: 2px.
  • Anda juga bisa menerapkan stylesheet di situs Anda ke kotak pencarian, sehingga tampilannya seragam dengan form atau textbox di halaman web Anda.

Berikut ini contoh hasil penyesuaian kotak pencarian Penjejak.com:


Salin kodenya:

Salin kodenya:


Selamat berkreasi!

Dukung kami di