Cara Membuat Kotak Pencarian di Blog

Alden Cre4tivity - memposting Cara Membuat Kotak Pencarian di Blog , lama yah kawan nungguin postingan baru saya hehe maaf soalnya saya sibuk dengan dunia nyata saya :) , langsung ajah deh jangan kebanyakan ngobrol , ini postingan berguna buat blog anda sebabnya biar pengunjung mudah mencari artikel yang pengen di cari di blog anda anda :) :
Langkah langkah
1. Masuk ke Account blogger anda masing masing ,
2. Masuk ke dasbord,
3. klik tata letak,

4. klik tambah gadged/add gadget

5.kalo sudah di klik akan keluar dan cari pilih HTML/JavaScript dan klik :

6. sudah di klik akan masuk ke kotak seperti gambar di bawah kalian taruh kodenya :

7. nih scriptnya di bawah copas yah kaya gambar di atas :

Script 

<style type="text/css">
#search{position:absolute;top:80px;right:200px}
.search form{width:260px;height:30px;background:transparent url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_CorDaPI2HbqJO_2S3rmhxdO5yS7I6DzdkMqivl-opuMRbD0zx4COSwuw3_D29CJJMZOJUkjs4N4gpXeE4bvwBOdHUH0i_7QNJHUDV7ch_KlIPNpej4LfGOfxa6giVB56KYS0LaKUgK8/s1600/searchform.png&#39;) no-repeat 0 0;position:relative}
.search input#search-text{position:absolute;left:10px;top:0;border:0;background:none;width:150px;height:30px;line-height:25px;color:#7b7b7b}
.search input#search-submit{position:absolute;top:0;right:0;width:73px;background:none;border:none;cursor:pointer;height:26px;line-height:26px}
.status-msg-wrap{display:none}.status-msg-body{display:none}
.status-msg-border{display:none}
</style>
<div id='pencarian'>
<div class='search'>
<form action='/search' id='search-form' method='get'>
<input id='search-text' name='q' placeholder='Pencarian Kata Kunci' type='text'/>
<input id='search-submit' name='' type='submit' value=''/>
</form>
</div>
</div>

8. Kalo sudah tinggal simpan lihat blog anda semoga berhasil kawan :)

Sekian dari Alden Cre4tivity - Semoga artikel Cara Membuat Kotak Pencarian di Blog bermanfaat yah , kalo anda kurang mengerti silahkan komentar saya akan memberi tahu anda ...