Minggu, 21 Maret 2010

Cara Membuat Navigasi Bar

Navigasi bar atau yang lebih populer disebut navbar adalah salah satu fasilitas pendukung di sebuah web atau blog yang memudahkan pengunjung untuk mengekplorasi blog atau web tersebut. Berikut ini  adalah salah satu contoh kode Navigasi bar (Navbar), silahkan Anda copy kode di bawah ini : 
<div id='bg_nav'>
<div id='nav'>
<ul>
<li><a href='#'>Jaringan</a>
<ul>
<li><a href='azin/'>Subnetting</a></li>
<li><a href='azin gagah/'>Packet Tracer</a></li>
<li><a href='azin jelek'>MS Visio 2003</a></li>
</ul></li>
<li><a href='#'>Reparasi</a>
<ul>
<li><a href='azin ganteng'>Virus dan Anti-Virus</a></li>
<li><a href='azin apa ya?'>Windows</a></li>
<li><a href='azin lagi'>MS Office 2003</a></li>
<li><a href='azin di smkn 1 selong'>Troubleshooting</a></li>
</ul></li>
<li><a href='#'>MS Offie 2003</a>
<ul>
<li><a href='Azin jurusan tkj'>MS Word</a></li>
<li><a href='tkj=teknik komputer jaringan'>MS Excell</a></li>
<li><a href='azin kelas 3'>NamaUrlDiinginkan</a></li>
</ul></li>
<li><a href='#'>Blog dan Web</a>
<ul>
<li><a href='Maret UN'>Blogger</a></li>
<li><a href='Ujian Nasional'>Wordpress</a></li>
<li><a href='http://www.000webhost.com/201683.html'>000Webhost</a></li>
</ul></li>
<li><a href='#'>E-Book</a>
<ul>
<li><a href='http://alamatUrl/'>Bahasa Inggris</a></li>
<li><a href='http://alamatUrl/'>Bahasa Ingonesia</a></li>
<li><a href='http://alamatUrl/'>Matematika</a></li>
</ul></li>
<li><a href='#'>Tools</a>
<ul>
<li><a href='http://alamatUrl/'>Belum Diisi</a></li>
<li><a href='http://alamatUrl/'>Belum Diisi</a></li>
<li><a href='http://alamatUrl/'>Belum Diisi</a></li>
</ul></li>
</ul>
<div id='menuright'>
<form action='http://NamaBlogAnda.blogspot.com/search' float='right' id='searchThis' method='get' style='display:inline;'>
<input id='searchform' name='q' size='20' type='text'/> <input id='sbutt' type='submit' value='search'/>
</form>
</div>
</div>
</div>
Selanjutnya cari kode :     <div id='content-wrapper'> dan paste kode diatas tepat sebelum kode :   <div id='content-wrapper'> kemudian simpan dan lihat blog Anda apa yang terjadi..............?

Tidak ada komentar:

Posting Komentar

Silahkan berkomentar mengenai entri ini
azinsblog.blogspot.com