Cara membuat kotak search yang keren pada blogspot

Berikut adalah Cara membuat kotak search yang keren pada blogspot

Kode :

<style>#search-box {position: relative;width: 100%;margin: 0;}#search-form{height: 30px;border: 1px solid #999;background-color: #fff;overflow: hidden;}#search-text{font-size: 14px;color: #ddd;border-width: 0;background: transparent;}#search-box input[type="text"]{width: 90%;padding: 7px 0 5px 1em;color: #333;outline: none;}#search-button {position: absolute;top: 0;right: 0;height: 31px;width: 80px;font-size: 14px;color: #fff;text-align: center;line-height: 30px;border-width: 0;background-color: #343434;cursor: pointer;}</style><div id='search-box'><form action='/search' id='search-form' method='get'target='_blank'><input id='search-text' name='q'placeholder='Cari sesuatu...' type='text'/><button id='search-button'type='submit'><span>Cari</span></button></form></div>

Cara : 
Tambakan widget HTML/Javascrip kemudian copy kode di atas dan paste pada kotak konten