Bagaimana Cara Membuat Smart Search Engine Dengan Menggunakan CSS Style

Kalau misalnya kita sudah bosan dengan search engine biasa, kini saya akan berbagi info kepada anda tentang search engine dengan tampilan yang bagus
begini screenshotnya
Ingin membuat seperti itu ? Ayo Kita Belajar

1. Login dahulu ke Blogger
2.Masuk ke Template lalu edit HTML
3. Cari kode </head>.
4.Copy kode dibawah ini  Diatas Kode </head>


<style type='text/css'> #search { height:34px; width:auto; margin-top:10px; padding:17px 5px 10px 15px; width:311px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTBeHGZeMruHB1GlDr-E2CT3LkYxio5zFE_4oKXNyD8TfkBL7H_xwCD1AxX_2LSkTB3J3bcCXquBHP1prvnDBzl-0zAv_LwtZ6gRnGrBdZQ8am0ewKPBG2UG6VtlAwJ1u5DT-kjEYv9BBl/); } #search form { margin: 0; padding: 0; } #search fieldset { margin: 0; padding: 0; border: none; } #search p { margin: 0; font-size: 85%; } #s { margin-left:0px; float: left; width:231px; padding: 6px 2px 6px 5px; background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlSZPjAGI8Ky_1SI9GWZY7XH7YW0QFwHgFmbZpzXzLBBYZxRexnYIfbFpnAzthY_KkL_b2t8CNjsCl_qJ9NRkiH_d-ItlSAr71iW1FhhF0W01_Q1zq-LG-FRxORCAYyjC7jpBZnjoGNtRF/s1600/sform.png) no-repeat; border:none; font: normal 100% "Tahoma", Arial, Helvetica, sans-serif; color:#C6C6C6; } #searchsubmit { width:57px; float: left; background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZH2X5x6dR74JTVu6_ZJgIj-d2H4tf7vORSA-1Gr_1N0Sh8rgbL-QxuJq1XVf_ZYvuQrCQKYIDVITPL3c1CZmlfHxUhhDoEoQhxZiPadHTOIalrFigKonpOxAJw-HlI10mMKY1FXFaiCb0/); border:none; font: bold 100% "century gothic", Arial, Helvetica, sans-serif; color: #FFFFFF; height:28px; margin-left:5px; } </style>
5. Setelah itu kamu simpan
6.Kemudian kamu pergi ke Tata Letak kemudian Add Widget Pilih HTML/Javascript
7. Lalu masukkan kode dibawah ini
<div id='search'><form id="searchform" action="http://YOURBLOG.blogspot.com/search" style="display:inline;" method="get"><input id="s" name="q" type="text" value=""/><br /> <input id="searchsubmit" value="" type="submit"/><br /> </form></div>
Note: Ubah "http://YOURBLOG.blogspot.com/search" sebelum disimpan