Tips Membuat Menu Search Engine Dengan Tampilan Image Background

Pas lagi jalan-jalan lagi deh ama selingkuhan hehehehe....dapaet inspirasi dari sebelah nih, mengenai pembuatan search engine dengan background buatan tutorial-jitu

Langsung aja ya, gini2 :

1. Login ke blog kita

2. Layout --> Edit HTML

3. Backup dulu deh biar aman

4. Cari script ---> ]]></b:skin>

5. Kemuadian copy & pastekan script dibawah dini dan letakkan diatas-nya ---> ]]></b:skin>

#searchform { position:letf; top: 20px; right: 0px; background: url(http://anas.ku93.googlepages.com/search-back.gif) no-repeat right bottom; height: 59px; width: 210px; } #searchform #s{ background: #ffffff url(http://i254.photobucket.com/albums/hh92/eblogtemplates/itheme/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://i254.photobucket.com/albums/hh92/eblogtemplates/itheme/searchbtnnk7.png) no-repeat left top; height: 24px; width: 24px; border: none; text-indent: -999%; line-height: 1px; margin-top: 6px; } 

6. Simpan Template

7. Langkah selanjutnya adalah masuk menu Layout ---> Page Elements

8. Kemudian pilih HTML/JavaScript kemudian Taruh script dibawah ini.

<form id="searchform" action="/search" method="get"> <div> <input ;}="onfocus=" onclick="if(this.value=='Seaech Article')this.value='';" value="Seaech Article" if type="text" id="s" onblur="if(this.value=='')this.value='Seaech Article';" name="q/"/> <input id="searchsubmit" value="Go" type="submit"/> </div> </form>

9. Simpan dan selesai

Source : http://dhuwuh.blogspot.com/2008/08/tips-membuat-menu-search-engine-dengan.html