Form pencarian yang ada pada sebuah web akan memudahkan pengunjung untuk mencari dan menelusuri konten-konten yang ada pada web itu. Sama seperti fungsi form pencarian pada umumnya, form pencarian yang akan saya berikan ini memiliki fungsi yang hampir sama. Dengan form pencarian, pengunjung akan semakin dimudahkan, dan ini berarti pengunjung akan merasa senang, dan besar kemungkinan akan mengunjungi blog atau web kita lagi.
Untuk membuat form pencarian yang baik, tidaklah susah. Dengan sedikit kode html, sobat sudah bisa membuat form pencarian. Kemudian sobat bisa membuat tampilannya menjadi lebih menarik dengan bantuan cascading style sheet atau biasa disingkat css. Untuk css yang digunakan adalah css3 agar tampilan menjadi terbarukan dan lebih menarik.
Langsung saja, saya akan memberikan kode untuk membuat form pencarian di blog.
<div id='menu-search'>
<form action='/search' method='get'>
<input name='q' placeholder=' Search' type='text'/>
<button type='submit'><span>Search</span></button>
</form>
</div>
Lalu buka blog sobat, masuk ke bagian template. Dan paste kode di atas dimana saja sobat ingin meletakkannya, yang terpenting masih berada di dalam <body> </body>.
Kemudian untuk kode cssnya, sobat dapat melakukan modifikasi sesuai keinginan sobat.
#menu-search input{height:30px; width:120px; border:none; float:left;}
#menu-search button{color:white; font-weight:bold; height:32px; width:60px; border:0; float:left; background-color:#424242; }
Salin kode css tersebut di atas kode ]]></b:skin> atau apabila sobat telah mengubah kode b:skin sobat, salin kode tersebut di atas kode </style>
Lalu klik simpan dan lihat hasilnya. Mungkin hasilnya akan tampak sederhana, maka dari itu sobat dapat mengubah kode css di atas sesuai keinginan sobat. Dan kerangka dasar form pencarian di blogspot adalah seperti itu.
Apabila sobat masih bingung tentang cara Membuat form pencarian untuk blogspot, sobat dapat menanyakannya melalui kolom komentar di bawah.
Related Posts