hai plend apa kabar nie semoga pada bae-bae aja nich, kali ini w akan menjelaskan cara menampilkan search Engine yang kaya gy nie
di blog plend, ok langsung ja yuk :
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://anas.ku93.googlepages.com/search-back.png) no-repeat right bottom;
height: 59px;
width: 210px;
}
#searchform #s{
background: #ffffff url(http://anas.ku93.googlepages.com/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://anas.ku93.googlepages.com/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 ;} onfocus="if (this.value == " value="Search" type="text" id="s" onblur="if (this.value == " ) {this.value = search name="q"/>
<input id="searchsubmit" value="Go" type="submit"/>
</div>
</form>
7. akhirnya celecai juga ya plend
pesan bapa saya eh salah pesan saya kalo plend mau bikin karya sendiri silahkan ganti link backroundnya yahh dan atur penempatanya okey
http://anas.ku93.googlepages.com/search-back.gif ---> Ini adalah Link Backgroundya
http://anas.ku93.googlepages.com/form-field-bg.gif -----> Ini Background Form
http://anas.ku93.googlepages.com/searchbtnnk7.png ---> Ini Tombol Submitnya
BACKGROUND YANG BISA PLEND GUNAKAN
http://anas.ku93.googlepages.com/search-back.png
semoga tambah cantik ya blognya okay coy ...
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar