30 tab menu navigasi horizontal
Sebelumnya saya pernah posting cara membuat menu tab navigation horizontal. Mungkin ada diantara teman-teman blogger yang menemukan kesulitan dalam meletakkan kode CSS pada tahapan pengeditan template, untuk itu pada postingan kali ini saya mencoba memberikan solusi ringan berupa sajian 30 tab menu horizontal instant yang siap pakai hanya dengan menambahkan gadget HTML/JavaScript dan meletakkan kode tab pada konten, sekaligus menekankan akan urg
ennya fungsi tab navigation pada sebuah template.
Langkah-langkah membuat tab menu navigation horizontal
1. Dalam keadaan sig in pada account blogger sobat, pada dasbor => klik Tata Letak=> klik Elemen Halaman
2. Klik Tambah Gadget pada kolom elemen halaman dibawah header atau diatas header
3. Pilih HTML/JavaScript
4. Copy semuae kode tab yang terdapat dalam teks area dibawah tab navigator horizontal pilihan sobat dan paste pada kolom konten
Untuk mengganti link, edit pada bagian HTML semua kode seperti berikut:
<li><a href="#" ><span>Link 2</span></a></li>
<li><a href="#" ><span>Link 3</span></a></li>
<li><a href="#" ><span>Link 4</span></a></li>
<li><a href="#" ><span>Link 5</span></a></li>
<li><a href="#" ><span>Link 6</span></a></li>
<li><a href="#" ><span>Link 7</span></a></li>
ganti kode (#) dengan halaman link sobat dan ganti Link1, Link2, Link3 dan seterusnya dengan titel halaman jika ingin menambahkan atau menghapus sebuah tab, sobat tinggal menambahkan atau menghapus bagian baris kode berikut:
5. Terakhir jangan lupa simpan dan simpan. Lihat hasilnya pada blog.
Berikut kode 30 tab menu navigasi horizontal
MBT Navigation Menu #1
MBT Navigation Menu #2
MBT Navigation Menu #3
MBT Navigation Menu #4
MBT Navigation Menu #5
Tabs Menu #6
Tabs Menu #7
Tabs Menu #8
Tabs Menu #9
Tabs Menu #10
Tabs Menu #11
Tabs Menu #12
Tabs Menu #13
Tabs Menu #14
Tabs Menu #15
Tabs Menu #16
Tabs Menu #17
Tabs Menu #18
Tabs Menu #19
Tabs Menu #20
Tabs Menu #21
Tabs Menu #22
Tabs Menu #23
Tabs Menu #24
Tabs Menu #25
Tabs Menu #26
Tabs Menu #27
Tabs Menu #28
Tabs Menu #29
Tabs Menu #30