Berjumpa lagi dalam tutorial menarik di blog ini, iya anas dulu udah pernah posting tentang cara membuat search engine sederhana tapi sekarang anas membuat search engine di blog lebih menarik dengan background gambar dan tombol sumbit juga ada gambarnya, menurut kamu menarik gak sih search engine yang kaya begini... kalau kamu belum faham juga ni dibawah aku kasih contoh search engine yang menarik
Gimana? Dari gambar diatas kamu tertarik gak pengen buat search engine yang kaya gituan wkakaak pastinya penegen dunk orang menarik iya kan?
Iya itu adalah background karya aku sendiri dan nanti kamu juga bisa buat Backgroundnya sendiri dan juga tombol submit buatan kamu sendiri okey
langsung aja deh ke cara pembuatanya
#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;
}
<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>
Nah 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
http://sites.google.com/site/anasku2000/form-field-bg.gif -----> Ini Background Form
http://sites.google.com/site/anasku2000/searchbtnnk7.png ---> Ini Tombol Submitnya
Gimana trik gw jadul tapi manjur kan wkakakakak okelah silahkan menjoba jangan lupa isi komentar yahh di bawah juga kalau gak keberatan klik iklanya juga wkakakakakak
BACKGROUND YANG BISA KAMU GUNAKAN
http://sites.google.com/site/anasku2000/search-back.png
http://sites.google.com/site/anasku2000/search-qwu.png
0 comments:
Post a Comment