Search engine box cool

Search engine box cool - Selamat malam sob,kali ini saya akan berposting tentang mesin pencari atau yang sering di sebut dengan search engine, search engine kali ini lebih terlihat sederhana namun terlihat keren penampilanya

oke sob, ini adalah di bawah ini adalah search engine-nya:

aduh billing warnetnya mau habis hehehe, oke langsung aja deh caranya
1. login ke akun blog sobat

2. Klik Tambahkan Gadget dan klik 'HTML/Javascript
3.Masukan kode di bawah tepat di dalam kolom HTML/Javascript


<style type="text/css">
#search{width:268px; border:1px solid #E0DFD9;margin: 0 0 0 0;background:url(http://1.bp.blogspot.com/-U9b2ClQr0qQ/T98EFU0pURI/AAAAAAAAA6M/dw8Dw4H_fR4/s1600/search-bgg.png) left top repeat-x;height:32px;padding:0;text-align:left;overflow:hidden} 
#search #s{width:80%; background:none;color:#3F3F3F;border:0;padding:4px;margin:3px 0 0 12px;float:left} 
#search .search-image{border:0;vertical-align:top;float:right;margin:8px 4px 0 2px} 
#search-wrap{padding:15px 0} 
.topsearch #search{margin-top:0;margin-bottom:10px}
.social-connect-widget{background:#FFF;border:1px solid #E7E6DE;padding:10px} 
</style>   
<div class='topsearch'> 
<div class='clerfix' id='search'> 
<form action='/search' id='searchform' method='get'> 
<input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search here...&quot;;}' onfocus='if (this.value == &quot;Search here...&quot;) {this.value = &quot;&quot;}' type='text' value='Search here...'/> 
<input class='search-image' src='http://3.bp.blogspot.com/-OfKiE_4vvp8/T98EGUhcaDI/AAAAAAAAA6U/evh0_xmNLEs/s1600/searchico.png' title='Search' type='image'/> 
</form></div></div>


4.Klik Save dan lihat hasilnya, Semoga Bermanfaat... 
Previous
Next Post »

4 komentar

Write komentar
June 4, 2013 at 1:44 PM delete

search enginenya keren banget seperti namanya Search engine box cool haha

Reply
avatar
Henry Dwi.s
AUTHOR
June 7, 2013 at 6:17 PM delete

yaudah di coba dulu sob ^_^

Reply
avatar

=======================================================
• Untuk menyisipkan kode, gunakan tag [code]... KODE ...[/code]

• Untuk menyisipkan kode panjang, gunakan tag [pre]... KODE ...[/pre]

• Untuk menyisipkan catatan, gunakan [quote]...CATATAN ...[/quote]

• Untuk menyisipkan gambar, gunakan [img]..URL GAMBAR..[/img]

• Untuk menyisipkan video, gunakan [youtube]..URL VIDEO..[youtube]
======================================================= EmoticonEmoticon