Pasang Search Engine di Blog

Ikuti langkah-langkah berikut:

1. Masuk ke akun blogger
2. Pilih "Tata Letak"
3. "Tambahkan Gadget"
4. Pilih " HTML/Java Script"
5. Pastekan Kode di bawah berikut 

Search Engine v.1:

<form action="/search" style="display:inline;" method="get"> <input id="s" name="q" type="search" placeholder="Cari disini"/></form> <style> #s { margin: 0 auto; -webkit-appearance: none; -moz-appearance: none; padding: 12px 48px 12px 12px; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; width: 270px; height: 16px; color: #3a4449; border: none; outline: none; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2); position: relative; z-index: 2; background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHdw7MVbe0ah9mJgA-UnbLR5_vHxC0RxDkLp2OC4GIXtPBtL0cuXUiWksqSHZxRTMuDcFBr_Kuct7dUZnSI8kc00XqcELfDTWpZ-7yqfQUfyex17rY57ralqe703IX-tkmWVeb1jKFi5w/s1600/Search.png) center right no-repeat; } #s::-webkit-input-placeholder, #s:-moz-placeholder { color: #607078; } </style>

Search Engine v.2:

    

<div class='menusearch'> <form action='/search' class='searchform' method='get'> <input class='searchfield' id='q' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=''' type='text' value='Cari disini....'/><input class='text_input' id='searchsubmit' style='cursor:pointer;vertical-align:top' type='hidden' value='Search'/>