- login ke blogger kemudian ke menu layout terus page elements
- cari tempat dimana mau dipasangi search engine kemudian add a page elements
- Kemudian pilih HTML/JavaScript
- kemudian taruh script dibawah ke text box
Bentuk dasar HTML untuk memunculkan fasilitas "search" adalah sebagai berikut :
<form action='http://blogmu.blogspot.com/search' id='searchform' method='get' name='searchform'> <input id='s' name='q' size="30" type='text' value='Teks kamu...'/> <input id='searchsubmit' type='submit' value='Cari'/></form>
Bentuknya kurang lebih seperti di bawah ini.
Kalau ingin kata "Teks kamu" dalam kotak search menghilang otomatis ketika kamu klik dalam kotak search tersebut, maka kamu perlu menambahkan kode (warna biru) sebagai berikut :
<form action='http://blogmu.blogspot.com' id='searchform' method='get' name='searchform'><input id='s' name='q' onblur='if (this.value == "") {this.value = "Teks kamu...";}' onfocus='if (this.value == "Teks kamu...") {this.value = ""}' type='text' value='Teks kamu...'/> <input id='searchsubmit' type='submit' value='Search'/> </form>
Demonya seperti seperti terlihat dalam fitur search optimasi blog, persisnya terletak di kanan atas dalam menu horizontal.
Catatan :- ganti tulisan blogmu dengan nama blog kamu
- angka 30 menunjukkan panjang teks box search engine
- tulisan Teks kamu adalah nama tombol submit yang bisa kamu ganti dengan katamu sendiri
- Apabila kamu ingin agar kotak search tampil polos, hapus saja kata Teks kamu (warna merah).
Selamat membuat search dalam blog...
Artikel Terkait:
Seputar Blog
- Cara Penulisan / Kode Berbagai Style di CBOX
- Cara Membuat Banner Iklan di Blog
- Cara Membuat Banner Animasi Secara Online
- Cara Memasang Iklan di Bawah Judul Postingan Blogger / Blogspot
- Shoutmix Tidak Gratis Lagi Sekarang
- Cara Menghapus Komentar di C-BOX
- Cara Upload JavaScript Menggunakan Google Code
- Merubah Tampilan Cursor Saat Diarahkan Ke Link
- Cara Menghapus Comment Di ShoutMix
- Cara Cepat Terindeks Google dengan Ping Service
- Memasang Sistem Komentar DISQUS pada Blogspot
- JS-kit Comment: Modifikasi Sistem Komentar di Blogger
- Merubah Kotak Komentar Dengan Intensedebate
- Cara Mengganti Tulisan Posting Lama,Beranda,Posting Baru
- Membuat Google Translate Tabbed untuk MengHemat Tempat
- Cara Menyembunyikan Rolling Widget Buku Tamu
- Membuat Rolling Widget Buku Tamu (Widget Bergeser)
- Membuat Kotak Komentar Tampil Beda
- Membuat Tampilan Komentar Berbeda Untuk Pemilik Blog
- Merubah Tampilan Labels Blog
- Merubah Tampilan Skin Label Di Blogger
- Memasang Musik di Blogger
- Memasang Music Pada Background Blog
- Memasang System Tuker Link Otomatis Pada Blog
- Membuat Banner Untuk Header
0 comments:
Posting Komentar
Jika Anda Ingin Berkomentar Mohon Di Cantumkan Nama Anda
Jangan Lupa Komenar Dan Follow ya !!!