Membuat Form Search Minimalis untuk mencari kata kunci dalam setiap kalimat di blog http://bigtut.blogspot.com/2014/04/membuat-form-search-minimalis.html

GO

Membuat Form Search Minimalis

Formulir Pencarian kata sebenernya bisa dibuat sangat sederhana, karena intinya mencari kata kunci dalam sebuah blog

1. Langkah Pertama

Masukkan code CSS berikut diatas ]]></b:skin>

.search{padding: 3px 7px;margin-bottom: 10px;border: 1px solid #000;box-shadow: 0px 1px 2px #888, 0px 0px 1px #444 inset;color: #FFF;line-height: inherit;text-shadow: 0px 1px rgba(0, 0, 0, 0.5);background:#720704}
.submit{padding: 2px 7px;margin-bottom: 10px;border: 1px solid #000;box-shadow: 0px 1px 2px #888, 0px 0px 1px #444 inset;color: #FFF;line-height: inherit;text-shadow: 0px 1px rgba(0, 0, 0, 0.5);background:#720704;text-decoration:none;font-weight:bold;text-shadow: 1px 1px 2px #000}
.search:hover,.submit:hover{background:#444}

Silahkan sesuaikan dengan warna Template Anda...!!!

2. Langkah Kedua

Masukkan code HTML berikut kedalam Widget atau langsung pada HTML template

<form action="/search/" method="get" name="searchform">
   <input class="search" type="text" name="q" />
   <a class='submit' href="javascript:document.searchform.submit();">Search</a>
</form>

Membuat_Form_Search_Minimalis

Post a Comment

▲ Back To Top