Menambah kotak search di Navbar N2y Biasa

Ini pertanyaan bro anonim, yang ingin menambah kotak search di sebelah kanan Navigation Horizontal.



Dari Dashboard >> Design >> Edit HTML.


Langkah pertama > Penempatan kode CSS
dibawah <b:skin><![CDATA[
........
diatas ]]></b:skin>

#cari{/*untuk tampilan keseluruhan kotak search*/
display:inline-block;
float: right;
margin-top: 5px;
overflow: hidden;
}
#huruf{/*ini untuk kotak teks*/
height:20px;
}
#tekan{/*ini untuk tombol search*/
}

Langkah kedua > Penempatan kode HTML
dibawah tag akhir </ul> dari Nav

Menambah kotak search di Navbar N2y Biasa
<form action='/search' id='cari' name='searchform'>
<input id='huruf' maxlength='256' name='q' size='35' type='text' value=''/>
<input id='tekan' type='submit' value='Search'/>
</form>

Tampilan kotak search masih standar, jadi tampilannya anda edit sendiri. Petunjuknya sudah saya tulis di kode CSS, tinggal isi saja.


Alhamdulillah

0 comments:


Posting Komentar


Creative Commons License
Menambah kotak search di Navbar N2y Biasa by Nano Yulianto is licensed under a Creative Commons Attribution 3.0 Unported License.
Based on a work at http://nanoyulianto.blogspot.com/2011/02/menambah-kotak-search-di-navbar-n2y.html.
Permissions beyond the scope of this license may be available at http://nanoyulianto.blogspot.com/.