Search Engine dengan Flat Style by Oom Agus

Setelah minta ijin sama yang buat artikel yaitu Oom Agus hari ini aku mau memposting cara membuat search engine dengan flat style.

Tapi kali ini untuk memasang search engine yang satu ini tidak hanya cukup satu kode melainkan dua kode dan kode tersebut ada yang dimasukkan ke elemen halaman dan edit HTML.

Untuk lebih jelasnya silahkan ikuti langkah dibawah ini

1. Langkah pertama masuk pada Template -> Element Halaman -> Tambahkan Sebuah Elemen Halaman -> HTML/JavaScript
   Copy kode dibawah ini
   
   
   <form action="http://url_blog/search" method="get">
   <input class="textinput" name="q" size="37" type="text"/>
   <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>
   
   
   ganti tulisan url_blog dengan alamat blog/web kamu dan kemudian klik Simpan Perubahan
2. Langkah kedua masuk pada Template -> Edit HTML
   Copy code dibawah ini pada jajaran kode CSS pada blogger, atau cari saja kode body { lalu setelah tanda akhiran body ada tanda } letakan saja dibawah kode tersebut.
   
   .buttonreset {
   color: #333;
   background-color: #f3f3f3;
   border: 1px solid #999;
   padding: 1px;
   }
   
   .buttonsubmit {
   color: #333;
   background-color: #f3f3f3;
   border: 1px solid #999;
   padding: 1px;
   }
   
   .textinput {
   color : #333;
   background-color: #ffffff;
   border: 1px solid #999;
   padding: 1px;
   }
   
   kemudian simpan
   
   

Hasilnya akan seperti gambar dibawah ini







Selamat mencoba