Cara Membuat Search Box Sederhana di Blog

Search box adalah bagian penting di dalam suatu blog, ini memungkinkan pengunjung untuk mencari dan menemukan konten berdasarkan keyword y...

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.



Nama

Akhlaq,31,Android,48,Anime,3,Apps,20,Aqidah,4,Asuransi,4,Aswaja,30,Berkas,3,Bisnis Online,12,Blogging,171,Brimo,6,Doa-doa,42,Fiqih,27,Game,27,Ilmu Hadits,51,Inspirasi,52,Internet,93,Kaidah I'lal,20,Keluarga,34,Kisah teladan,115,Kitab Kuning,17,Life,95,Pekerjaan,11,Pendidikan,30,Ramadhan,5,Relationship,29,Religi,81,Satwa,1,Sholawat,37,Sya'ban,6,Tajwid,40,Tayammum,4,Tips,38,Windows,19,Youtube,22,
ltr
item
Pelangiblog: Cara Membuat Search Box Sederhana di Blog
Cara Membuat Search Box Sederhana di Blog
https://1.bp.blogspot.com/-4rmuxEOyQnU/VGdM7wmy7dI/AAAAAAAAAkA/R4DuzE--gJU/s1600/Cara%2BMembuat%2BSearch%2BBox%2BSederhana%2BPada%2BBlog.png
https://1.bp.blogspot.com/-4rmuxEOyQnU/VGdM7wmy7dI/AAAAAAAAAkA/R4DuzE--gJU/s72-c/Cara%2BMembuat%2BSearch%2BBox%2BSederhana%2BPada%2BBlog.png
Pelangiblog
https://www.pelangiblog.com/2014/06/cara-membuat-search-box-sederhana-pada.html
https://www.pelangiblog.com/
https://www.pelangiblog.com/
https://www.pelangiblog.com/2014/06/cara-membuat-search-box-sederhana-pada.html
true
6152984874501812302
UTF-8
Loaded All Posts 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 PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network 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 Table of Content