Pada artikel kemarin saya telah menjelaskan cara mengetik 10 jari, pada kali ini saya akan menyampaikan hal yang berhubungan dengan blog yaitu mengambahkan fitur pencaraian pada blog. fitur pencarian atau search merupakan fitur yang penting untuk mempermudah pencarian artikel pada blog. Seandanya pembaca harus mengklik setiap kategori ataupun menu yang ada dan mencarinya satu satu itu akan membuat mereka lelah dan lama sehingga akan meninggalkan blog kita. kali saya akan berbagi ilmu tentang cara-cara menambahkan fitur pencarian pada blog. kurang lebihnya bentuknya seperti ini:
1. Masuk ke account blogger.com.
2. Pada Dashboard blog klik tab layout/ tata letak
3. Klik Tambah Gadget pada bagian yang anda inginkan untuk menempatkan kotak pencarian
4. Klik tanda plus di sebelah HTML / Javascript.
5. Ketik search (atau apa saja sesuai yang anda inginkan) di kotak Judul atau biarkan saja kosong.
6. Copy dan paste kode HTML berikut di area teks.
<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" size="25" type="text" style="background: #81F781; border: 1px solid #088A08"/>
<input id="search-btn" value="Search" type="submit" style="background: #0B610B; border: 1px outset #DF0101; color: #ffffff; font-weight: bold;"/>
</form>
<input id="search-box" name="q" size="25" type="text" style="background: #81F781; border: 1px solid #088A08"/>
<input id="search-btn" value="Search" type="submit" style="background: #0B610B; border: 1px outset #DF0101; color: #ffffff; font-weight: bold;"/>
</form>
7. klik simpan
Untuk bentuk yang lainnya adalah seperti berikut:
jika bentuk fitur pencarian seperti ini:
maka Copy dan paste kode HTML berikut ini di area teks:
Untuk bentuk yang lainnya adalah seperti berikut:
jika bentuk fitur pencarian seperti ini:
maka Copy dan paste kode HTML berikut ini di area teks:
<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" size="25" type="text" style="background: #81F781; border: 1px solid #088A08"/>
<input id="search-btn" value="Search" type="submit"/>
</form>
<input id="search-box" name="q" size="25" type="text" style="background: #81F781; border: 1px solid #088A08"/>
<input id="search-btn" value="Search" type="submit"/>
</form>
jika bentuk fitur pencarian seperti ini:
<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" size="25" type="text"/>
<input id="search-btn" value="Search" type="submit"/>
</form>
<input id="search-box" name="q" size="25" type="text"/>
<input id="search-btn" value="Search" type="submit"/>
</form>
jika bentuk fitur pencarian seperti ini:
maka Copy dan paste kode HTML berikut ini di area teks:
<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>
<input id="search-box" name="q" size="25" type="text" value="cari di blog ini..."/>
<input id="search-btn" value="Search" type="submit"/>
</form>
Saya rasa sudah cukup jelas apa yang saya sampaikan tentang cara menambahkan fitur pencarian atau search di blog. Jika ada yang belum jelas dapat berkomentar pada kotak komentar. Terimakasih atas kunjungannya di blog saya yang sederhana ini.
Komentar
Posting Komentar