NewbieLabs adalah tempat untuk belajar, bukan untuk menggurui, jadi kita sama-sama berdiskusi disini, jika ada yang bingung silahkan ditanyakan, jika saya bisa jawab akan saya jawab, jika tidak silahkan teman-teman yang lain yang sekiranya tahu untuk membantu menjawab.

Semua tutorial disini diusahakan akan disertai gambar agar lebih jelas dan yang terpenting situs ini menggunakan bahasa indonesia/melayu, jadi buat kalian yang belum begitu paham bahasa inggris tidak perlu khawatir, kalian tetap bisa belajar disini.

Jika ada yang ingin menjadi kontributor (memposting tutorial atau tips dan trik sekitar blogger, css, html, javascript ataupun wordpress) silahkan tinggalkan komentar di Shoutbox

Mohon maaf jika kualitas gambar tidak begitu bagus, ini dikarenakan agar web dapat terbuka dengan cepat, namun tetap bermanfaat dengan gambar yang bisa membantu, dan jika dirasa gambar terlalu kecil, coba klik gambar tersebut untuk melihat lebih jelas...

Koleksi NewbieLabs

Hitung Kata


Sunday, January 18, 2009

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..

2 comments:

Anonymous said...

duh malu" an lo deh ... gw kasih pertanya ke lo bukan kesemua org ha ha ha ;p

Belajar Blogger said...

@nacosu : bayah tenang aja dah non :P monggo dicoba dulu ya hehe

Post a Comment