Membuat Link Navigasi Menu

Kita dapat membuat link navigasi menu seperti contoh berikut:



Caranya dengan klik LAYOUT, klik TEMPLATE -> EDIT HTML, sisipkan script ini dibawah /*Header*/

/* Header */

#newnavbar ul li{

font-size:100%;

list-style-type: none;

display:inline;

padding:0px;

margin:10px;

border:0px solid;

}

Kemudian cari baris script berikut:

<div id='header-wrapper'>

<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>

Jika angka pada MAXWIDGETS='1', maka ubah menjadi '3'. Dan jika SHOWADDELEMENTS='NO' maka
ubah menjadi 'YES'.
Setelah itu klik SAVE THE TEMPLATE.
Kemudian kita buat urutan navigasinya. Klik TEMPLATE -> PAGE ELEMENTS, dan klik ADD PAGE ELEMENT
di bagian HEADER dan pilih HTML/JAVASCRIPT, kemudian tambahkan script ini:

<div id='newnavbar'>

<ul>

<li><a href="URL Home page">Home</a></li>

<li><a href="URL Music page">Music</a></li>

<li><a href="URL Books page">Books</a></li>

<li><a href="URL Links page">Hot Links</a></li>

<li><a href="URL Profile page">About Me</a></li>

<li><a href="mailto:EMAIL ADDRESS KAMU">Contact</a></li>

</ul></div>

Untuk membuat link menu menggunakan gambar caranya sama seperti diatas tapi scriptnya seperti
ini:

/* Header */

#newnavbar ul li{

list-style-type: none;

display:inline;

margin:0px;

padding:30px;

border:0px solid;

}

Kemudian ADD PAGE ELEMENTS pilih HTML/JAVASCRIPT dan masukkan script berikut:

<div id='newnavbar'>

<ul>

<li><a href="URL Home page"><img src="URL Home image"></a></li>

<li><a href="URL Music page"><img src="URL Music image"></a></li>

<li><a href="URL Books page"><img src="URL Books image"></a></li>

<li><a href="URL Links page"><img src="URL Links image"></a></li>

<li><a href="URL Profile page"><img src="URL Profile image"></a></li>

<li><a href="mailto:EMAIL ADDRESS KAMU"><img src="URL Email image"></a></li>

</ul></div>

Hasilnya akan seperti ini: