Cara Membuat Search Box Sederhana di Blog

Search box adalah bagian penting di dalam suatu blog, ini memungkinkan pengunjung untuk mencari dan...

Search box adalah bagian penting di dalam suatu blog, ini memungkinkan pengunjung untuk mencari dan menemukan konten berdasarkan keyword yang dimasukkan. Tetapi, ada beberapa template gratisan yang didesain tanpa adanya search box. Sehingga Anda tentu mencari template lain atau mencari kode-kode untuk menampilkan search box.


Memang sudah banyak tutorial yang menjelaskan tentang pembuatan search box dengan gaya dan penampilan indah. Tetapi terkadang penampilan serach box tidak sesuai dengan template blog Anda, terlebih lagi cukup sulit untuk mengubah kode HTMLnya. Nah, di sini saya juga ingin berpartisipasi untuk membantu Anda dalam membuat search box sederhana. Penampilan sederhana, sinngkat, dan mudah untuk mengubah kode-kode HTMLnya. Anda bisa melihat gambar di bawah ini :

1. Login ke akun blogger Anda

2. Masuk Dashboard

3. Klik “Tata Letak” lalu klik “Add gadget”

4. Lalu pilih “HTML/JavaScript”

5. Masukkan kode di bawah ini pada kolom “HTML/JavaSrript”

<p align="left">
<form id="searchthis" action="http://pelangiblog9.blogspot.com/search" style="display:inline;" method="get">
<strong>SEARCH<br/></strong>
<input id="b-query" maxlength="225" name="q" size="32" type="text"/>
<input id="b-searchbtn" value="Search this" type="submit"/>
</form></p>

6. Klik “Simpan”

Catatan :
Kode warna merah menunjukkan URL blog, silahkan ganti dengan URL blog Anda
Kode warna biru menunjukkan judul pada search box, Anda bisa menggantinya
Kode warna ungu menunjukkan panjang kolom search, Anda bisa mengubahnya angkanya sesuai dengan panjang sidebar blog Anda
Kode warna orange menunjukkan kata pada kotak submit, Anda juga bisa menggantinya.



Name

Bisnis Online Blogging Doa-doa Fiqih Gaming Inspirasi Internet Keluarga Kisah teladan Life Pekerjaan Pendidikan Relationship Religi Tips Tutorial Blog
false
ltr
item
Pelangi Blog: Cara Membuat Search Box Sederhana di Blog
Cara Membuat Search Box Sederhana di Blog
http://1.bp.blogspot.com/-4rmuxEOyQnU/VGdM7wmy7dI/AAAAAAAAAkA/R4DuzE--gJU/s1600/Cara%2BMembuat%2BSearch%2BBox%2BSederhana%2BPada%2BBlog.png
http://1.bp.blogspot.com/-4rmuxEOyQnU/VGdM7wmy7dI/AAAAAAAAAkA/R4DuzE--gJU/s72-c/Cara%2BMembuat%2BSearch%2BBox%2BSederhana%2BPada%2BBlog.png
Pelangi Blog
http://www.pelangiblog.com/2014/06/cara-membuat-search-box-sederhana-pada.html
http://www.pelangiblog.com/
http://www.pelangiblog.com/
http://www.pelangiblog.com/2014/06/cara-membuat-search-box-sederhana-pada.html
true
6152984874501812302
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy