add bloger search bok

Minggu, 11 Maret 2012

Bar Google Navigasi di bagian atas blog Blogger Anda memiliki kotak pencarian tertanam. Namun, Anda mungkin ingin memasukkan sebuah kotak yang sama dalam tubuh utama dari blog Anda (seperti apa yang saya lakukan), atau sidebar. Selain kenyamanan bagi pengguna, keuntungan tambahan adalah bahwa tidak seperti kotak pencarian Google, hasil pencarian ini kotak pencarian Blogger.com muncul di bagian utama dari Blog Anda.


Di bawah Template-> tab Elemen Halaman, klik "Tambahkan sebuah Elemen Halaman" di tempat di mana Anda ingin kotak pencarian Anda muncul. Pilih "HTML / JavaScript".

Ada beberapa kode HTML diposting di internet. Aku mencoba beberapa, dan menemukan satu yang bekerja sebagai berikut: -

<p align="left">
<form id="searchthis" action="YOUR BLOG URL/search" style="display:inline;" method="get">
<strong>NAME OF YOUR BLOG<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>
</form></p>

Jangan lupa untuk mengganti URL BLOG ANDA ke URL atau alamat web dari Blog Anda. Juga, mengubah NAMA BLOG ANDA dengan yang ingin Anda panggil situs Anda. Misalnya, jika Nama Blog Anda panjang, Anda mungkin ingin menulis sesuatu seperti "Cari disini" atau "Cari situs ini".

Anda juga dapat mengubah "Cari" tombol untuk berkata, "Hit" atau "Go", dengan mengubah Value.

Simpan kode dan me-refresh halaman Anda. Jika Anda ingin kotak pencarian lebih panjang atau lebih pendek, Anda dapat memutar sekitar dengan ukuran. Contoh di atas dengan ukuran width = "20" dan value = "Hit" akan memberikan ini:


Search Here


Whereas a width size="30" and value="Go" will give you this:-

Search Here

Jangan lupa untuk mengganti URL BLOG ANDA ke URL atau alamat web dari Blog Anda. AlThe ukuran dari kotak pencarian adalah masalah penampilan. Anda mungkin telah memperhatikan bahwa MaxLength yang = "255​​". Hal ini menunjukkan bahwa pengguna dapat memasukkan hingga 255 karakter di kotak pencarian, yang menurut saya sudah cukup dan tidak perlu diubah.
 
 
selamat mencoba
 

1 komentar:

Getit mengatakan...

Download Zapya for PC to share files and folders easily from PC to Mobile

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Affiliate Network Reviews