Membuat Top Menu

Author : Belajar Blogger (newbielabs.blogspot.com)

Ada pertanyaan nih dari mba nacosu di santa ana california US sono... dia pengen tau gimana bikin top link seperti yang ada di web temannya, sebenernya mudah aja si, mo tau caranya ?? ayo dah kita coba cing hehehe...





1. Masuk kebagian tata letak kemudian pilih elemen halaman

2. Setelah itu tambah element halaman

3. Akan muncul windows baru, pilih HTML/Javascript

4. Setelah itu masukan code dibawah ini, tapi ingat dibagian judul kosongkan saja

<style>
#menuatas a{padding:5px;
float:left;
border:1px solid #000000;
background:#EEEEEE;
margin-left:3px;
text-decoration:none;
color:#000000;
}
#menuatas a:hover{
background:#999999;
}
</style>
<div id="menuatas">
<a href="link kamu">NAMA LINK 1</a>
<a href="link kamu">NAMA LINK 2</a>
<a href="link kamu">NAMA LINK 3</a>
<a href="link kamu">NAMA LINK 4</a>
<a href="link kamu">NAMA LINK 5</a>
</div>


nah sekarang tinggal kalian ganti tulisan link kamu yang ada di a href="link kamu" dengan link yang kalian kehendaki, misal a href="http://newbielabs.blogspot.com" atau yang lain, serta NAMA LINK diganti dengan tulisan apapun terserah kalian...

Setelah selesai kalian simpan widget tersebut.

Selanjutnya tinggal terserah kalian mau diletakan disebelah mana widget tersebut, kalo misal mau diletakan diatas (dibawah header) tinggal geser saja, kemudian preview, kalo sekiranya dah bagus tinggal kalian save....

Untuk demo silahkan lihat di blog ini (letaknya dibawah header persis)

Selamat Mencoba..