Blogger news

Back to top
27 Nov 2011

Cara membuat kotak search

Kotak Search tidak lepas dari berbagai macam pengguna internet karena kotak search itu sendiri digunakan untuk mempermudah kita menemukan apa yang kita cari di internet ataupun di blog, namun tidak semua pengguna blog mempunyai kotak search lho. Maka dari itu jika kamu ingin embuat kotak search kali ini saya akan mengajak kamu untuk membuat/memasang kotak search di blog.

Untuk membuatnya pun tidak sulit kok.., kamu bisa meletakan kotak search itu dimana pun yang kamu suka. Jika kamu tertarik untuk membuatnya ayo ikuti langkah-langkahnya.


Pertama = kalian masuk ke akun blog kamu
Kedua = kalian pilih Dashboard/Rancangan
Ketiga = Kamu klik tambah gadget/add a gadget
Keempat = Kamu pilih HTML/javascript

Lalu kamua masukan Kode di bawah ini ke kolom HTML/javascript

<form id="searchthis" action="http://namablog.blogspot.com/search" style="display: inline;" method="get">


<input id="b-query" maxlength="355" class="textinputsearch" value="" name="q" size="30" type="text">
<input id="b-searchbtn" alt="Search" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3SSLaUtZ6TVNFeYJignFFRJFGwoWoldluc7lRalwQuxSL_IP7-KMcfeZyg06s_avkzJaRV8cpb-niCYJJQ4i-apAv_17NTTq8gWO5I_gBGeGcO-cc61je2ipzsCKQJlSK187jQgyaZSrh/s1600/bk_search_but_2.png" type="image" align="top" width="21" height="22">
</form>

kode di atas akan menghasilkan kotak search seperti ini.



Untuk kata yang saya beri warna merah kamu ganti dengan URL blog kamu.
Dan untuk angka 30 itu menunjukan panjang text-box search semakin besar angka yang kamu masukan akan semakin panjang pula text box search yang akan dihasilkan.


Atau kode yang satu ini.

<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" size="25" type="text" value="Cari di Blog Ini"/>
<input id="search-btn" value="Search" type="submit"/>
</form>

Kode diatas akan menghasilkan kotak search seperti ini.



Untuk kata yang saya beri warna biru bisa kalian ganti dengan kata yang kamu suka, dan untuk kata yang saya beri warna merah bisa kamu ganti dengan kata lain Contoh: Pencarian, GO!, dll.

0 komentar:

Posting Komentar

Catatan :

1. Usahakan Komentar tidak mengandung kata kasar
2. Komentar SPAM akan dihapus segera setelah admin review
3. Berkomentarlah sesuai dengan artikel di atas
4. Jika anda memiliki masalah dengan artikel di atas diharapkan berkomentar.
5. Jika ada link hidup di dalam komentar akan segera admin hapus
6. Dilarang menyebarluaskan artikel tanpa persetujuan dari admin
7. Pastikan untuk klik " Berlangganan lewat email" untuk membantu membangun blog ini lebih maju.

Terima kasih untuk anda yang sudah berkomentar dengan baik, Jika ada link yang error pada artikel di atas segeralah berkomentar dengan mengklik tombol balas pada kolom komentar nanti admin akan segera memperbaikinya.

Copyright © 2014 Diemy Blogger All Right Reserved