serach lagi

<style>
    #searchbox {
    width: 280px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwZo824OpcKms5j1zS6dsxD7FlElNqkGavZDYT1tm3EZV7sWKsqkeWwHGbt4En8kIEd3UEpqYUoBzqZ7iaSmeM8xtgw3XJ-aTnseB7zhygQjcA9wiRIiPF2O9Hsj_EnFoBBziJQLJiybgs/s1600/search-box.png) no-repeat;
    }

    #searchbox input {
        outline: none;
    }

    input:focus::-webkit-input-placeholder {
        color: transparent;
    }

    input:focus:-moz-placeholder {
        color: transparent;
    }

    input:focus::-moz-placeholder {
        color: transparent;
    }
    #searchbox input[type="text"] {
    background: transparent;
    border: 0px;
    font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
    font-size: 14px;
        color: #f2f2f2 !important;
        padding: 10px 35px 10px 20px;
        width: 220px;
    }
    #searchbox input[type="text"]:focus {
    color: #fff;
    }

    #button-submit{
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP8F5Kzk7u3_tipcWu8_BXBow5foFeCbuPvko5i46OvMJeToQCpi1dWA6tHVM3vC01VJ6SLrRmmv4suwXe70vmyN6SDkbYAG05g7N3CZ1Vj-ET6LnbsDX1V6tIbOwT3weSntA3jS3869HM/s1600/search-icon.png) no-repeat;
    margin-left: -40px;
    border-width: 0px;
    width: 40px;
    height: 50px;
    }

    #button-submit:hover {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfugtmvxEEUNnaFBz80IUcXjBvhzwWrad6Hq-yneiLPPGITh2rZ6DWf6YXZ9_LFXITyBP8CSbiEYpt_FRJvFZhvtyAV3I8Kzh0C_m6_dM2eapzHGDhoUjiKZMdiCwJxmOhPIv-h93MDKWD/s1600/search-icon-hover.png);
    }
    </style>

    <form id="searchbox" method="get" action="/search" autocomplete="off">
    <input name="q" type="text" size="15" placeholder="Enter keywords here..." />
    <input id="button-submit" type="submit" value=" "/>
    </form>