GOLDEN INFO: TIPS MEMBUAT TAB MENU ( LANJUTAN )

Rabu, 05 Agustus 2009

TIPS MEMBUAT TAB MENU ( LANJUTAN )

TIPS MEMBUAT TAB MENU ( LANJUTAN )

Postingan ini merupkan lanjutan dari postingan Tips Membuat Tab Menu sebelumnya. Setelah mencopy code HTML dari software yang anda tentukan dan telah copy paste pada Gadge baru di blog Anda dan telah disave, maka hasilnya akan seperti ini ( sebagai contoh ) :

Bagi blogger baru saya pikir pasti ada kendala setelah membuat tab menu (menu navigasi) tersebut. Adapun kendalanya adalah pada saat Anda klik salah satu tab menu tersebut, misalnya tab menu “ TRAVELLING “, pasti akan terlihat layout blog Anda seperti ini :

Jadi Anda sedikit membuat pengeditan di tempat gadget yang ada kode HTML yang Anda copy-paste khan dari hasil software, Silahkan Anda buka gadge tersebut dan cari kode berikut (berhubung hasil pengkodean tidak terlalu panjang anda cukup menggerakkan kursor , tapi kalo pengen menggunakan pencarian tekan Ctrl + F ) :

<body>
<h2>Tab Menu 11</h2>
<div id="tabs11">
<ul>

<li><a href="Home.html"><span>Home</span></a></li>
<li><a href="Budaya & Sejarah.html"><span>Budaya & Sejarah</span></a></li>
<li><a href="Tutorial.html"><span>Tutorial</span></a></li>
<li><a href="Artikel.html"><span>Artikel</span></a></li>
<li><a href="Bisnis.html"><span>Bisnis</span></a></li>
<li><a href="Travelling.html"><span>Travelling</span></a></li>

</ul>
</div>
</body>

Setelah dapat kode tersebut, kode yang ditandai warna kuning ( <h2>Tab Menu 11</h2 > ) , Anda hapus saja sebab kalau tidak dihapus tulisan ini akan muncul di atas tab menu blog Anda.
Dan Kode yang ditandai dengan warna biru tersebut Anda ganti sesuai dengan alamat postingan blog Anda. Seperti contoh :

<li><a href="Budaya & Sejarah.html"><span>Budaya & Sejarah</span></a></li>

Tab Menu untuk Budaya & Sejarah, kode warna biru kita ganti dengan alamat postingan saya

<li><a href="Budaya & Sejarah.html"><span>Budaya & Sejarah</span></a></li>

Tulisan warna merah tersebutlah hasil dari postingan ( ini sebagai contoh saja ), Adapun alamat postingan tersebut bisa Anda lihat diatas kolom search engine seperti dibawah ini :

Nah sekarang Anda tinggal merubah sesuai dengan nama tab menu yang anda buat sendiri, sebab masing-masing orang mempunyai selera masing-masing dalam pemberian nama tab menu. Selamat mencoba !!