Cara Membuat Navbar Dengan Code HTML CSS 3

Menindak lanjuti posting sebelumnya,kali ini kita akan ngebahas tentang cara membuat nvabar menu dengan code HTML CSS 3.

Sebelum mulai proses memasukkan code ke template blog sobat,untuk lebih mudah nya,download dulu file Code CSS,Code HTML dan Preview Panduan nya disini.


Udah…?,sobat sekarang punya 3 file yg telah di download tadi kan? Yaitu file:



Code CSS.TXT

Code HTML.TXT

Preview.HTM



Nah,berhubung semua udah lengkap,sekarang kita lanjut ke tahap pemasangannya.

1. Login ke account blog sobat.


2. Pilih EDIT HTML (Jangan lupa klik Download Template Lengkap untuk berjaga” apabila ada kesalahan dalam mengedit nantinya)



3. Cari kode:

]]></b:skin>

Kemudian letakkan kode yg terdapat di file Code CSS.TXT tepat diatas kode tersebut.


4. Cari kode:

<div id='content-wrapper'>

Kemudian letakkan kode yg terdapat di file Code HTML.TXT tepat diatas kode tersebut.

5. Selesai deh pemasangannya.

Untuk mengedit nya agar sesuai dengan keinginan sobat,gw udah sediain file Preview.htm supaya sobat bisa ngeliat tampilan navbar ini.

Untuk menghapus/mengedit link-link pada navbar ini,coba perhatikan terlebih dahulu kode di bawah ini… 


 

 <li class="current"><a href="http://Namablog.blogspot.com">Home</a></li>

Contoh:

1. Sobat ingin mengganti Home dengan link menuju blog ini… maka kode HTML yang perlu sobat ganti di blog sobat adalah:


http://namablog.blogspot.com di ganti menjadi http://anggaleoputra.blogspot.com.

Sedangkan judul link Home di ganti menjadi InfoGaul.

2. Sobat ingin menghapus Link1-1 , maka sobat tinggal menghapus kode dibawah ini.

<li><a href="LINKTUJUAN">Link1-1</a></li> 

Kalo ada yg bingung en mw nambahin ataupun ngasih saran,di tunggu commentnya yach..

Thx ^^