Search Engine Dengan Background Dan Tombol Gambar

 cara pembuatanya

1. Log in ke blogger dahulu kalau sudah masuk menu Layout kemudian masuk Edit HTML
   
2. Lalu taruh Code Dibawah diatas Code ]]></b:skin>
   
   
   
   #searchform {
   position:letf;
   top: 20px;
   right: 0px;
   background: url(http://sites.google.com/site/anasku2000/search-back.png) no-repeat right bottom;
   height: 59px;
   width: 210px;
   }
   #searchform #s{
   background: #ffffff url(http://sites.google.com/site/anasku2000/form-field-bg.gif) no-repeat ;
   height: 17px;
   width: 148px;
   margin: 30px 5px 0px 10px;
   padding: 3px 7px 2px 5px;
   color: #999999;
   border: none;
   }
   #searchform #searchsubmit {
   background: url(http://sites.google.com/site/anasku2000/searchbtnnk7.png) no-repeat left top;
   height: 24px;
   width: 24px;
   border: none;
   text-indent: -999%;
   line-height: 1px;
   margin-top: 6px;
   }
   
3. Kemudian Simpan Template
   
4. Lalu langkah selanjutnta adalah masuk menu Layout ---> Page Elements
   
5. Pilih tempat yang mau dipasangi Search engine kemudian Add A Gadget
   
6. Lalu pilih HTML/JavaScript kemudian Taruh Code Dibawah Kedalamnya
   
   
   <form id="searchform" action="/search" method="get">
   <div>
   <input type="text" id="s" value="" name="q" />
   <input id="searchsubmit" value="Go" type="submit" />
   </div>
   </form>
7. Lalu Simpan dehh

jika kamu ingin membuat karyamu sendiri silahkan ganti link backroundnya yahh dan atur penempatanya okey

http://sites.google.com/site/anasku2000/search-back.gif ---> Ini adalah Link Backgroundya

ARTKEL TERKAIT