Thursday, December 5, 2019

√ Cara Gampang Menciptakan Kotak Search Pada Blog

Kotak Search berfungsi untuk mempermudah si pengunjung untuk mencari artikel yang sedang dibutuhkannya. Dengan mengetik kata atau kalimat, maka secara otomatis artikel yang bertautan akan muncul. Cara menciptakan kotak search ini sangat mudah, berikut langkah-langkahnya.


Baca juga :
» Cara Praktis Membuat Label Blog Bergoyang
» Cara Merubah Tampilan Kursor Pada Blog
» Cara Praktis Memasang Widget Ganti Background Blog Bergerak

1. Pertama, silahkan nd login ke Blogger

2. Pilih Tata Letak » Tambah Gadget

3. Selanjutnya pilih HTML/JavaScript

4. Pasang isyarat dibawah ini pada kolom HTML/JavaScript


<style>
.serching{margin:10px 10px 10px 0;width:100%;}.serching form{border:1px solid #ddd;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:14px}.serching form input{display:block!important;margin:0;border:0;padding:5px 0;outline:0;height:20px;line-height:20px;font-size:13px;border-radius:0!important}.serch{float:left;width:85%!important;text-indent:10px}.serchg{float:right;width:15%!important;height:30px!important;padding:0!important;background:gray;color:#fff;border:0!important;font-size:12px!important}
</style>
<div class='serching'><form action='/search?q='><input class='serch' name='q' placeholder='Cari...' title='Click the form, then type your keyword, then hit enter' type='text'/><button class='serchg' type='submit'> GO </button><span style='clear: both;display:block'/></span></form></div>

5. Simpan dan lihat hasilnya

Bagaimana, gampang sekali kan? Demikian cara gampang menciptakan kotak search pada blog, supaya sanggup membantu dan bermanfaat. Terimakasih atas kunjungannya and happy blogging.


Sumber http://ap-thea.blogspot.com


EmoticonEmoticon