<ASK> Cara menambahkan Kotak search di sebelah kanan header blogspot

Misi agan/sis Mimin/momod yang ada disini, dan mastah2 yang terhormat semua... ane mau tanya, ane kan sering liat tuh blog-blog profesional pada nampilin kotak search/pencarian percis di sebelah kanan header mereka, nah terus pas ane lagi surf ternyata ane juga nemuin blog blogspot yang make kaya begituan gan, Kotak search yang letaknya tepat disebelah kanan header blognya... kan kalo punya Google adsense pencarian kan lumayan gaan kayanya, nempatin kotak search disitu... Caranya gimana sih mastah??? tolong di jawab yah mastah...

 

Cuba pake ini:

Untuk CSS:

HTML:

#searchform {
    margin-bottom: 4px;
    padding: 0px;
    }

.searchinput {
    float: right;
    background: #FFFFFF;
    width: 130px;
    height: 15px;
    margin: 6px 0px 0px 0px;
    padding: 3px 3px 2px 3px;
    font-size: 12px;
    color: #666666;
    border: none;
    }

.searchsubmit {
    float: right;
    background: #FFFFFF url(http://1.bp.blogspot.com/-4FINpJoying/T0tZ7WESULI/AAAAAAAABxI/5ohkm60XWbc/s1600/searchbgp.gif) repeat-x;
    height: 20px;
    margin: 6px 5px 0px 3px;
    padding: 2px 2px 2px 2px;
    border: none;
    color: #333;
    letter-spacing: -1px;
    font-weight: bold;
    }

Untuk Form:

HTML:

<div class='right'>                     <form action='/search' id='searchform' method='get'>                         <div id='search'>                             <input class='searchsubmit' type='submit' value='GO'/>                             <input class='searchinput' id='s' name='q' onclick='this.value=&apos;&apos;;' type='text' value='Search...'/>                         </div>                     </form>                 </div>

Mudah²an Bisa ..